在网页里如何播放视频，HTML5 提供了播放视频文件的标准。使用 <video> 元素。
至今较为常用的播放视频方法：
video视频标签controls播放控件
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>video视频标签controls播放控件属性案例-HTML教程www.xuandaima.com</title> </head> <body> <video controls> <source src="/Template/Test/src/mov_bbb.mp4" type="video/mp4"> <source src="/Template/Test/src/mov_bbb.ogg" type="video/ogg"> 您的浏览器不支持 video 标签。 </video> </body> </html>
 | HTML5 DOM 为 <audio> 和 <video> 元素提供了方法、属性和事件。可通过javascript控制音频或视频的播放、暂停、静音、返回播放位置等操作，请查阅HTML 音频/视频 document 参考手册 |
如果网页包含指向媒体文件的超链接，大多数浏览器会使用“辅助应用程序”来播放文件。
以下代码片段显示指向 mp4 文件的链接。如果用户点击该链接，浏览器会启动“辅助应用程序”来播放该文件：
<a href="/Template/Test/src/mov_bbb.mp4">点击这里，播放视频</a>
<iframe width="250" height="250" src="/Template/Test/src/audio.mp3" ></iframe>
<embed type="video/webm" src="/Template/Test/src/mov_bbb.mp4" width="250" height="250" ></embed>
<object data="/Template/Test/src/mov_bbb.mp4" width="250" height="250" ></object>
因windows系统safari浏览器停止更新后不支持<video>,Internet Explorer 8 及更早IE版本不支持 <video> 元素.
当前， <video> 元素支持三种视频格式： MP4, WebM, 和 Ogg:
MP4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件
WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件
Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件
| 浏览器 | 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 |
| 标签 | 描述 |
|---|---|
| <video> | 定义了声音内容 |
| <track> | 外部字幕标签 |
| <source> | 规定了多媒体资源, 可以是多个，在 <video> 与 <audio>标签中使用 |
| <object> | 定义内嵌对象。可为视频。 |
| <iframe> | 嵌入标签。可为视频。 |
| <embed> | 嵌入内容标签。可为视频。 |
