HTML5学习多媒体元素

Posted 2022-11-07 1016391912pm

视频元素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>