🎊 HTML5Video(视频)

HTML5Video(视频)

HTML5 Video(视频)

很多站点都会使用到视频. HTML5 提供了展示视频的标准。

检测您的浏览器是否支持 HTML5 视频:

检测

Web站点上的视频

直到现在,仍然不存在一项旨在网页上显示视频的标准。

今天,大多数视频是通过插件(比如 Flash)来显示的。然而,并非所有浏览器都拥有同样的插件。

HTML5 规定了一种通过 video 元素来包含视频的标准方法。

浏览器支持

Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 支持

注意: Internet Explorer 8 或者更早的IE版本不支持

HTML5 (视频)- 如何工作

如需在 HTML5 中显示视频,您所有需要的是:

实例

您的浏览器不支持Video标签。

尝试一下 »

同时

标签之间插入的内容是提供给不支持 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

MP4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件

WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件

Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件

视频格式

格式

MIME-type

MP4

video/mp4

WebM

video/webm

Ogg

video/ogg

HTML5

HTML5

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

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

实例 1

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

播放/暂停

放大

缩小

普通

你的浏览器不支持 HTML5 video.

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

尝试一下 »

更多参考请查看 HTML5 Audio/Video DOM 参考手册。

HTML5 Video 标签

标签

描述

定义一个视频

定义多种媒体资源,比如

定义在媒体播放器文本轨迹

🎈 相关推荐

WPS如何让表格里的文字上下居中
🏷️ 谁有365bet网址

WPS如何让表格里的文字上下居中

📅 09-25 👀 799
《塞尔达传说:旷野之息》瀑布后面的神庙怎么进去?
男生必看!怎样追女生秘籍:实用技巧与真心攻略
🏷️ 365dni是什么

男生必看!怎样追女生秘籍:实用技巧与真心攻略

📅 08-14 👀 8598
两场比赛打丢三次单刀,错失两冠!这让他距离金球奖仅差一步!
win11快速切换桌面1和桌面2方法【详细教程】
🏷️ 谁有365bet网址

win11快速切换桌面1和桌面2方法【详细教程】

📅 07-12 👀 7917
【問題】不攻的CD時間是不是有點怪 @逆水寒 哈啦板
🏷️ 365dni是什么

【問題】不攻的CD時間是不是有點怪 @逆水寒 哈啦板

📅 12-02 👀 2722