HTML5中的 <video> 元素同样拥有方法、属性和事件的等,那么我们只要掌握了乡音的方法,属性和事件的控制,就能够轻松的设置HTML5的属性了。接下来我们来对HTML5中<video>在做相应的了解吧。
其中的方法用于播放、暂停以及加载等。其中的属性(比如时长、音量等)可以被读取或设置。其中的 DOM 事件能够通知您,比方说,<video> 元素开始播放、已暂停,已停止,等等。
接下来我们将通过案例来延时如何使用<video>元素读取并设置相应的属性及常规的调动方法。
图中有放大缩小等事件,只要我们点击控制就可以实现相应的功能,这就四HTML5新的特性,解决了以往很多的繁杂的代码知识。此例子调用了两个方法:play() 和 pause()。它同时使用了两个属性:paused 和 width。
我们知道代码都是存在兼容性的,HTML5也不例外,同样存在着兼容的问题,下面我们就来看一看大多数浏览器支持的视频方法、属性和事件:
这张图片上列举了大部分的<video>方法属性和事件,当出现兼容性问题的时候,可以帮助你快速的调整相应的数来来完成工作,这张图值得收藏。