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学习多媒体元素的主要内容,如果未能解决你的问题,请参考以下文章

HTML5与移动端web学习笔记

HTML5与移动端web学习笔记

HTML5学习之旅

HTML5学习日记 --- 4.5日

学习html5需要会java或者是其他的计算机语言吗?

[html5] 学习笔记-html5增强的页面元素