知识点
相关文章
更多最近更新
更多HTML5 Video Doc【HTML5教程 - 第四篇】
2019-03-17 18:09|来源: 未知
HTML5 <video> -使用DOM控制video元素
HTML5 video元素也拥有方法，属性和事件。这里有播放，暂停和加载的相关方法，同时也拥有你可以操作的相关duration，volume和seeking属性。同时拥有当你开始播放，暂停和结束时通知你的DOM事件。
下面的在线演示将使用一个简单的方式来解释如何使用video元素来读取和设定属性，调用方法等。
HTML5 video - 方法，属性和事件
下表中列出了大多数浏览器支持的video属性，方法和事件：
| Methods | Properties | Events |
|---|---|---|
| duration | timeupdate | |
| ended | ended | |
| error | abort | |
| paused | empty | |
| muted | emptied | |
| seeking | waiting | |
| volume | loadedmetadata | |
| height | ||
| width | ||
| canPlayType | videoHeight | error |
| load() | videoWidth | progress |
| pause() | currentTime | pause |
| play() | currentSrc | play |
注意：在所有的video属性中，只有videoWidth和videoHeight直接就可以使用，其它属性必须在视频加载完后才可以使用。
本文链接：HTML5教程 - 第四篇：HTML5 Video Doc，转自：http://www.gbin1.com/tutorials/html5-tutorial/html5-video-doc/
相关问答
更多-
适用于YouTube的HTML5 [2022-03-18]
ClickToPlugin（又名ClickToFlash）Safari扩展程序能够用 -
Android上的HTML5 [2022-05-21]
我刚刚做了一些实验，从我可以告诉你需要三件事情： 调用视频时不能使用type属性。 您必须手动调用video.play（） 视频必须编码为一些相当严格的参数; 通过“Web Optimized”按钮检查Handbrake上的iPhone设置是否正常。 看看这个页面上的演示： http : //broken-links.com/tests/video/ 在所有支持视频功能的桌面浏览器中，iPhone和Android都可以使用AFAIK。 这是标记：HTML5：[视频] vs <视频>(HTML5: [video] vs [2022-08-06]
你好，你展示的第一个语法是短代码，只适用于Wordpress嵌入视频，例如： [video mp4="source.mp4" ogv="source.ogv" webm="source.webm"] 有关该文档的文档可以在这里找到： https ： //codex.wordpress.org/Video_Shortcode 另一方面，HTML5视频标签是规范的一部分，您可以使用在不是wordpress的网页上嵌入视频，例如，如下所示：强制HTML5 YouTube视频(Force HTML5 youtube video)[2023-06-09]
我找到了解决方案： 您必须在iframe的src属性中添加html5=1 ： 视频将显示为HTML5（如果可用）或回退到Flash播放器。 I've found the solution : You have to add the html5=1 in the src attribute of the iframe :