扫码一下
查看教程更方便
很多站点都会使用到视频. html5 提供了展示视频的标准。
今天,大多数视频是通过插件(比如 flash)来显示的。然而,并非所有浏览器都拥有同样的插件。
html5 规定了一种通过 video 元素来包含视频的标准方法。
internet explorer 9 , firefox, opera, chrome, 和 safari 支持
注意: internet explorer 8 或者更早的ie版本不支持
如需在 html5 中显示视频,您所有需要的是:
同时
标签之间插入的内容是提供给不支持 video 元素的浏览器显示的。
当前,
浏览器 | mp4 | webm | ogg |
---|---|---|---|
internet explorer | yes | no | no |
chrome | yes | yes | yes |
firefox | yes | yes | yes |
safari | yes | no | no |
opera | yes (从 opera 25 起) | yes | yes |
格式 | mime-type |
---|---|
mp4 | video/mp4 |
webm | video/webm |
ogg | video/ogg |
html5
其中的方法用于播放、暂停以及加载等。其中的属性(比如时长、音量等)可以被读取或设置。其中的 dom 事件能够通知您,比方说,
例中简单的方法,向我们演示了如何使用
实例 1 为视频创建简单的播放/暂停以及调整尺寸控件:
上面的例子调用了两个方法:play() 和 pause()。它同时使用了两个属性:paused 和 width。
更多参考请查看 html5 audio/video dom 参考手册。
标签 | 描述 |
---|---|
定义一个视频 | |
定义多种媒体资源,比如 | |
定义在媒体播放器文本轨迹 |