这篇文章主要介绍了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">