【HTML5】video属性

  • video是HTML5的新标签,提供了播放暂停音量控件来控制视频。
  • 同时也提供了widthheight属性来控制视频的尺寸,设置宽高显示视频的缩放区域。如果不设置的话,视频会以原始的尺寸展现。
  • <video></video>之间的内容是给不支持video元素的浏览器显示的。
  • video元素支持多个<source>元素,<source>元素可以链接不同的视频文件,浏览器将使用第一个可识别的文件。
  • 当前, <video> 元素支持三种视频格式: MP4WebMOgg
    样例代码:

<video width="320" height="240" controls autoplay>
  <source src="movie.mp4" alt="【HTML5】video属性">

video有一些常用的属性
属性 属性内容
autoplay 视频在加载就绪后马上播放
controls 向用户显示控件,列如播放按钮等
loop 当媒介文件完成播放后,再次开始播放
muted 规定视频的音频输出应该被静音
poster 规定视频下载时显示的图像,或者在用户点击播放按钮前显示的图片
preload 预加载,视频在页面加载时进行加载,并预备播放。如果使用“autoplay”属性,则忽略该属性
问题:video的autoplay属性在安卓系统中失效

video在安卓系统中不能实现自动播放,只能静音播放。一般来说,为了提高用户体验度,都是采用引导用户点击或者触摸的方式,监听屏幕的滑动,实现虚拟的自动播放。

© 版权声明
THE END
如果内容对您有所帮助,就支持一下吧!
点赞0 分享
CanZungFung的头像 - 鹿快
评论 抢沙发

请登录后发表评论

    暂无评论内容