京东6.18大促主会场领京享红包更优惠

 找回密码
 立即注册

QQ登录

只需一步,快速开始

HTML中实现音乐或视频主动播放案例详解

2024-11-3 02:45| 发布者: 4d5a8576d| 查看: 119| 评论: 0

摘要: 由于期末大作业我想插入一个背景音乐,实现点开网页就会主动播放音频的结果。于是我按照书上的案例写了如下代码 [code] <audio src="../medio/花海.mp3" loop="loop" controls="controls" autoplay="autoplay"></au

由于期末大作业我想插入一个背景音乐,实现点开网页就会主动播放音频的结果。于是我按照书上的案例写了如下代码

[code] <audio src="../medio/花海.mp3" loop="loop" controls="controls" autoplay="autoplay"></audio>[/code]

但是结果并不抱负,打开了网页并不会主动播放,于是乎,我百度了各种各样的方法,但始终没有实现想要的结果。于是在整理大作业的偶尔间,我居然发现了真相!

起首看本来的代码打开路径,就是一个单纯的网页

[code] myself.html[/code]

再看能成功实现主动播放的网页路径

[code] html/myself.html[/code]

发现问题所在没?问题就出如今跳转上,也就是说想实现主动播放背景音乐的结果不能应用在首页路径上,而是要放在背面的路径。

举个栗子

看这是一个网页的时候

这是代码

[code] <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> </head> <body> <audio src="../medio/花海.mp3" loop="loop" controls="controls" autoplay="autoplay"></audio> </body> </html>[/code]

然而这实现不了主动播放的结果

下面重头戏来了

此时我创建了两个文件夹

index的代码

[code] <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> </head> <body> <a href="music.html">音乐</a> </body> </html>[/code]

music的代码

[code] <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>music</title> </head> <body> <audio src="../medio/花海.mp3" loop="loop" controls="controls" autoplay="autoplay"></audio> </body> </html>[/code]

这个就可实现主动播放的结果了

总结一下,两个方法在代码上没什么区别,第二种方法就是多了一个跳转网页的操纵而已。小编推测大概是在html中音频主动播放须要缓冲时间,但是在单独使用一个网页时没有缓冲时间,而用跳转网页恰恰补充了这一缓冲时间。

到此这篇关于HTML中实现音乐或视频主动播放的文章就介绍到这了,更多相关html主动播放内容请搜索脚本之家从前的文章或继承浏览下面的相关文章,盼望各人以后多多支持脚本之家!


来源:https://www.jb51.net/html5/830018.html
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
关闭

站长推荐上一条 /6 下一条

QQ|手机版|小黑屋|梦想之都-俊月星空 ( 粤ICP备18056059号 )|网站地图

GMT+8, 2025-7-2 03:32 , Processed in 0.042122 second(s), 18 queries .

Powered by Mxzdjyxk! X3.5

© 2001-2025 Discuz! Team.

返回顶部