html网页如何添加音乐视频

这篇文章主要讲解了“html网页如何添加音乐视频”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“html网页如何添加音乐视频”吧！

　　1.video标签

　　支持firefox自动播放 谷歌、ie不支持自动播放

　　<video controls="controls" autoplay="autoplay" name="media"><source src="./img/music.mp3" type="audio/mpeg"></video>

　　谷歌可以通过添加 muted 通过静音来实现自动播放

　　<video controls="controls" autoplay="autoplay" name="media" muted><source src="./img/music.mp3" type="audio/mpeg"></video>

　　原理就是大多数浏览器在都支持静音的视频播放

　　<video controls="controls" autoplay="autoplay" name="media" muted><source src="Http://vjs.zencdn.net/v/oceans.mp4" type="audio/mpeg"></video>

　　2.audio标签

　　注意：标签定义声音，比如音乐或其他音频流。

　　<audio controls="controls" ><source src="./img/music.mp3"></audio>

　　注意：只能音乐不能加载视频

　　3.embed

　　可以支持多种播放器

　　自动播放支持安卓，不支持iOS，支持谷歌 ie ie edge 不支持firefox

　　<embed src="./img/music.mp3" hidden="true" autostart="true" loop="true">

　　<embed src="http://vjs.zencdn.net/v/oceans.mp4"  autostart="true" loop="true">

　　补充说明：

　　声音无法自动播放这个在 IOS/Android 上面一直是个惯例，桌面版的 Safari 在 2017 年的 11 版本也宣布禁掉带有声音的多媒体自动播放功能，紧接着在 2018 年 4 月份发布的 Chrome 66 也正式关掉了声音自动播放，也就是说 <audio autopaly> <video autoplay>在桌面版浏览器也将失效。

感谢各位的阅读，以上就是“html网页如何添加音乐视频”的内容了，经过本文的学习后，相信大家对html网页如何添加音乐视频这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是编程网，小编将为大家推送更多相关知识点的文章，欢迎关注！