音频播放:html5默认支持2种音频格式:.mp3
.ogg
Chrome下的表现.png
<audio src="src/darkcodeJZ.mp3" autoplay controls>不支持此音频格式</audio><br>
<audio autoplay controls>
<source src="src/darkcodeJZ.ogg">
<source src="src/darkcodeJZ.mp3">
</audio>
如果声音格式html不支持,则会显示标签之间的提示信息
可以添加多个source,第一个资源播放失败的话,就会寻找第二个资源播放。
autoplay
:自动播放属性,不加的话,音乐默认关闭controls
:控制面板,不加的话,页面上看不到任何东西
视频播放:html5默认支持三种视频格式:.mp4
.ogg
.webm
(音频也可以播放)
<video autoplay controls>
<source src="src/IMG_0689.mp4" type="">
<source src="src/darkcodeJZ.mp3" type="">
</video>
视频和音频很相似,属性和写法也几乎一致。
网友评论