HTML5学习多媒体元素
Posted 1016391912pm
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML5学习多媒体元素相关的知识,希望对你有一定的参考价值。
视频元素video
<video src="./media/xxx.mp4" controls autoplay muted loop></video>
音频元素audio
<audio src="./media/xxx.mp3" controls autoplay muted loop></audio>
布尔属性:值和属性名相同,值可以省略不写。
controls 显示控件
autoplay 自动播放
muted 静音
loop 循环播放
兼容性:
1.这两个元素是html5中新增的元素,有些老的浏览器不支持
2.不同的浏览器支持的音视频格式可能不一致,通过下面的写法使播放的成功率变大(mp4和webm是互联网中最常用的视频格式)
<video controls autoplay muted loop>
<source src="./media/xxx.mp4">
<source src="./media/xxx.webm">
</video>
以上是关于HTML5学习多媒体元素的主要内容,如果未能解决你的问题,请参考以下文章