H5的video标签

H5的video标签

video作为在开发中实现播放的控件,在不同的浏览器也存在视频格式能否播放的兼容问题。

视频格式 webM ,OGG,MP4
chrome6+ yes , yes , yes
ie9+ no , no , yes
opera10.6+ yes , yes , no
firefox3.6+ yes , yes , no
safari no , no , yes

常用属性

  • scr

  • controls 播放控件

  • autoplay 自动播放 (如果浏览器禁止自动播放 则会失效 必须配合muted属性使用)

  • muted 使当前视频静音播放 true false

  • currentTime: 设置当前播放的时间点 也可以获取

  • duration:视频的总时长(s)

  • ended:判断视频是否播放到结尾了 (不能通过这个属性设置视频的播放点)

  • loop:是否循环播放

  • muted :是否静音

  • volume:0-1 视频的音量 默认最大值 (0 表示静音 1为最大值)

当muted为true 设置volume是无效的 视频一直都是静音的

  • paused 只读 判断当前视频是否是暂停的

  • poster:指定视频第一帧画面

  • preload:指定视频预加载方案

    metadata 元数据 预加载第一帧的画面 宽度和时长 默认值
    auto 自动预加载 时长、第一帧内容、并且会缓冲一定的时长
    none 不加载任何内容

  • playbackRate:视频播放速度 默认值1 如果比1大就是倍数

猜你喜欢

转载自blog.csdn.net/yun_shuo/article/details/115185485