在 HTML5 问世之前,如果我们想要在网页上面展示视频音频,经常会使用到的就是 Adobe Flash 这样的插件,很多人可能和我一样遇到过 Flash 插件崩溃的问题,让人相当烦躁,而在 HTML5 中,提供了音频和视频的标准接口使这一局面得到了改观,在这个实验中,我们将为大家介绍如何在网页中播放我们的视频音频文件。同时,我们也会学习 HTML5 对元素的拖放操作。
下面给大家一个在线的音频视频转换网站:http://cn.office-converter.com/
HTML5视频介绍
HTML5 规定了一种通过 video 元素来包含视频的标准方法。
视频格式和浏览器支持如下所示:
格式 | 浏览器 |
---|---|
.ogg | FireFox 3.5+ ,chrome 5.0+ ,Opera 10.5+ |
.mp4/H.264 | Safari 3.0+ ,chrome 5.0+ ,IE 9.0+ |
.webm | FireFox 4.0+ ,chrome 6.0+ ,Opera10.6+ |
例子:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<video w