HTML 5 Video + DOM

HTML5

HTML5

其中的方法用于播放、暂停以及加载等。其中的属性（比如时长、音量等）可以被读取或设置。其中的 DOM 事件能够通知您，比方说，

下例中简单的方法，向我们演示了如何使用

实例

为视频创建简单的播放/暂停以及调整尺寸控件：

播放/暂停 大 中 小

上面的例子调用了两个方法：play() 和 pause()。它同时使用了两个属性：paused 和 width。

    播放/暂停
    大
    中
    小
    

    

亲自试一试

HTML5

下面列出了大多数浏览器支持的视频方法、属性和事件：

| 方法 | 属性 | 事件 |
| play() | currentSrc | play |
| pause() | currentTime | pause |
| load() | videoWidth | progress |
| canPlayType | videoHeight | error |
| | duration | timeupdate |
| | ended | ended |
| | error | abort |
| | paused | empty |
| | muted | emptied |
| | seeking | waiting |
| | volume | loadedmetadata |
| | height | |
| | width | |

注释：在所有属性中，只有 videoWidth 和 videoHeight 属性是立即可用的。在视频的元数据已加载后，其他属性才可用。