• poster属性
  • preload属性
  • autoplay属性
  • loop属性
  • controls属性
  • playsinline属性
  • webkit-playsinline属性
  • width属性和height属性

poster属性

用于视频预览图,值是图片url或者加载不出来时显示,由于网络速度原因,这个很实用。

例子:poster=”https://web.vralph.top/poster5.jpg”

preload属性

此属性用于定义视频是否预加载。属性有三个可选择的值:

auto:默认全部预加载

metadata:部分预加载。使用此属性值,代表页面制作者认为用户不期望此视频,但为用户提供一些元数据(包括尺寸,第一帧,曲目列表,持续时间等等)

None:不进行预加载。使用此属性值,可能是页面制作者认为用户不期望此视频,或者减少HTTP请求。

例子:preload=”metadata”

autoplay属性

autoplay属性用于设置视频是否自动播放,一打开页面就播放。

例子:autoplay=”autoplay”

controls属性

controls属性用于向浏览器指明页面制作者没有使用脚本生成播放控制器,需要浏览器启用本身的播放控制栏。

控制栏须包括播放暂停控制,播放进度控制,音量控制,全屏等。

例子:controls=”controls”

playsinline属性

用于点击视频播放时禁止自动全屏iOS10以上

webkit-playsinline属性同上,但是用于低版本兼容

例子:webkit-playsinline playsinline

width属性和height属性

例子:width=”100%” 或者width=”300″

分类: 未分类

0 条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注