美文网首页
【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在安卓系统中不能实现自动播放,只能静音播放。一般来说,为了提高用户体验度,都是采用引导用户点击或者触摸的方式,监听屏幕的滑动,实现虚拟的自动播放。

相关文章

  • HTML 5 Video + DOM

    HTML5

  • 【HTML5】video属性

    video是HTML5的新标签,提供了播放、暂停和音量控件来控制视频。 同时也提供了width和height属性来...

  • video标签

    HTML5 Audio/Video 标签,属性,方法,事件汇总https://www.cnblogs.com/ku...

  • 八、H5中对音视频的设计

    html5标签 video标签的属性 audio标签的属性 音视频js相关属性 音视频js相关函数 js相关事件

  • HTML5 video audio属性

    什么是编解码器 编解码器是使用压缩算法对数据的数字流进行编码和解码,使之更适合播放的计算机程序。编解码器的目标通常...

  • 学习HTML5

    声明文档类型 HTML5 的改进 新属性 完全支持 CSS3 Video 和 A...

  • 6.HTML的标签(4)

    video标签(Html5标志性新标签) 作用: 播放视频(只能播专用格式?.webm) 格式: 属性src:视频...

  • H5 多媒体元素 video 和 radio

    在HTML5中新加的video和radio,也对应有方法、属性和事件以video标签为例: 为兼容不同格式的视频 ...

  • HTML5 视频和音频的常用方法

    HTML5 中为视频 video 和音频 audio 元素,提供了属性、方法和事件。这两个元素的常用属性上一节我们...

  • HTML5 视频和音频的常用方法

    HTML5 中为视频 video 和音频 audio 元素,提供了属性、方法和事件。这两个元素的常用属性上一节我们...

网友评论

      本文标题:【HTML5】video属性

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