美文网首页
【HTML5】video属性

【HTML5】video属性

作者: 凉城十月 | 来源:发表于2020-12-15 19:40 被阅读0次
    • video是HTML5的新标签,提供了播放暂停音量控件来控制视频。
    • 同时也提供了widthheight属性来控制视频的尺寸,设置宽高显示视频的缩放区域。如果不设置的话,视频会以原始的尺寸展现。
    • <video></video>之间的内容是给不支持video元素的浏览器显示的。
    • video元素支持多个<source>元素,<source>元素可以链接不同的视频文件,浏览器将使用第一个可识别的文件。
    • 当前, <video> 元素支持三种视频格式: MP4WebMOgg
      样例代码:
    <video width="320" height="240" controls autoplay>
      <source src="movie.mp4" type="video/mp4">
      <source src="movie.ogg" type="video/ogg">
    </video>
    
    video有一些常用的属性
    属性 属性内容
    autoplay 视频在加载就绪后马上播放
    controls 向用户显示控件,比如播放按钮等
    loop 当媒介文件完成播放后,再次开始播放
    muted 规定视频的音频输出应该被静音
    poster 规定视频下载时显示的图像,或者在用户点击播放按钮前显示的图片
    preload 预加载,视频在页面加载时进行加载,并预备播放。如果使用“autoplay”属性,则忽略该属性
    问题:video的autoplay属性在安卓系统中失效

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

    相关文章

      网友评论

          本文标题:【HTML5】video属性

          本文链接:https://www.haomeiwen.com/subject/oxstgktx.html