码迷,mamicode.com
首页 > Web开发 > 详细

HTML5学习(7)多媒体元素

时间:2019-09-18 00:16:45      阅读:136      评论:0      收藏:0      [点我收藏+]

标签:格式   常用   str   ide   循环   ted   元素   control   video   

视频元素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学习(7)多媒体元素

标签:格式   常用   str   ide   循环   ted   元素   control   video   

原文地址:https://www.cnblogs.com/1016391912pm/p/11537985.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!