<video>标签

用途

<video> 标签用于嵌入视频,比如电影片段或其他视频流。

例子

<video src="somevideo.mp4"> video  </video>

标准属性

属性

描述

HTML5新

autoplay

如果是 true,则视频在就绪后马上自动播放。

controls

如果是 true,则向用户显示控件,包含音量,跨帧,暂停/恢复播放。

end

播放器在视频流中的何处停止播放。默认地,声音会播放到结尾。

height

视频播放器的高度。

loopend

在视频流中循环播放停止的位置,默认是 end 属性的值。

loopstart

在视频流中循环播放的开始位置。默认是 start 属性的值。

playcount

视频片段播放次数。默认是 1。

poster

在视频播放之前所显示的图片的 URL。

src

要播放的视频的 URL。

start

定义播放器在音频流中开始播放的位置。默认地,声音在开头进行播放。

width

设置视频播放器的宽度。

事件属性

属性

描述

HTML5

onabort

当播放中止时发送;例如,如果媒体正在播放并从一开始重新启动,则发送此事件。

oncanplay

在媒体数据已经有足够的数据(至少播放数帧)可供播放时触发。这个事件对应CAN_PLAY的readyState。

oncanplaythrough

在媒体的readyState变为CAN_PLAY_THROUGH时触发,表明媒体可以在保持当前的下载速度的情况下不被中断地播放完毕。注意:手动设置currentTime会使得firefox触发一次canplaythrough事件,其他浏览器或许不会如此。

ondurationchange

元信息已载入或已改变,表明媒体的长度发生了改变。例如,在媒体已被加载足够的长度从而得知总长度时会触发这个事件。

onemptied

媒体无效;例如, 如果已经加载了媒体 (或部分加载), 并且调用 load () 方法来重新加载它, 则会发送此事件。

onended

播放结束时触发。

onerror

在发生错误时触发。元素的error属性会包含更多信息。

onloadeddata

媒体的第一帧已经加载完毕。

onloadedmetadata

媒体的元数据已经加载完毕,现在所有的属性包含了它们应有的有效信息。

onloadstart

在媒体开始加载时触发。

onpause

播放暂停时触发。

onplay

在媒体回放被暂停后再次开始时触发。即,在一次暂停事件后恢复媒体回放。

onplaying

在媒体开始播放时触发(不论是初次播放、在暂停后恢复、或是在结束后重新开始)。

onprogress

告知媒体相关部分的下载进度时周期性地触发。有关媒体当前已下载总计的信息可以在元素的buffered属性中获取到。

onratechange

在回放速率变化时触发。

onseeked

在跳跃操作完成时触发。

onseeking

在跳跃操作开始时触发。

onstalled

当用户代理尝试获取媒体数据时发送, 但数据意外获取失败。

onsuspend

在媒体资源加载终止时触发,这可能是因为下载已完成或因为其他原因暂停。

ontimeupdate

元素的currentTime属性表示的时间已经改变。

onvolumechange

在音频音量改变时触发(既可以是volume属性改变,也可以是muted属性改变).。

onwaiting

在一个待执行的操作(如回放)因等待另一个操作(如跳跃或下载)被延迟时触发。

变更点

<video> 标签 HTML5 新标签。

本文分享自微信公众号 - Html5知典(gh_5b9c8e323efa),作者:hudao

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2018-07-23

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • <audio>标签

    <audio> 标签用于音频内容,可以包含多个音频资源。浏览器会自动选择最合适的一个来用。

    Html5知典
  • CSS——用户界面

    用户界面(User Interface)属性是一些与用户界面特性相关的CSS属性。

    Html5知典
  • @font-face 属性

    @font-face 允许网页开发者为其网页指定在线字体。 通过这种作者自备字体的方式,@font-face 可以消除对用户电脑字体的依赖。 @font-f...

    Html5知典
  • <audio>标签

    <audio> 标签用于音频内容,可以包含多个音频资源。浏览器会自动选择最合适的一个来用。

    Html5知典
  • 浏览器事件

    常用浏览器事件与DOM事件,包括鼠标事件、键盘事件、框架/对象事件、表单事件、剪贴板事件、打印事件、拖动事件、多媒体事件、动画事件、过渡事件。

    WindrunnerMax
  • 使用pprof优化golang性能

    Donald E.Knuth说过一句非常著名的话,过早的优化是万恶之源。原文如下:

    我的小碗汤
  • 腾讯云服务器Linux系统--安装Oracle JDK

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 ...

    营琪
  • flume配置实例

    Flume agent的配置保存在配置文件中,同一个文件中可以同时配置多个agent。每个agent都需要配置source、channel、sink的信息。

    用户2936342
  • django Authorization token

    原因:没有导入rest authon: 'rest_framework.authtoken', 解决方法:在 settings 里面 INSTALLED_AP...

    onety码生
  • 『教程』来自小程序开发者的实例教程

    最近由马伊琍、靳东男神主演的《我的前半生》火到不行,剧中人物的爱恨纠葛,简直让大批剧迷深陷其中,不能自拔!而女主人公罗子君的前半生,更让剧迷们操碎了心。 就没人...

    极乐君

扫码关注云+社区

领取腾讯云代金券