video

 

HTML <video> 元素 用于在HTML或者XHTML文档中嵌入视频内容。

用途

<video>元素用于嵌入视频，比如电影片段或其他视频流。

例子

代码 

<video src="movie.ogg" controls="controls">
您的浏览器不支持 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的新标签。

参考

外部链接


跳至内容顶部