怎么在网页中播放视频之一：HTML5视频嵌入

怎么在网页中播放视频之一：HTML5视频嵌入

在信息量越来越大的今天，越来越多的网站重视数据信息的多样化与个性化，随着多媒体技术逐渐发展提高，在线展示视频、音频、PPT、图表等技术也越来越多地应用到了各行各业中，无论是企业还是个人，都在改变着自己的网站风格，下面就来谈谈怎么在网页中播放视频。

在线播放视频方法很多，本经验是其中之一，即HTML5视频嵌入。

在网页中使用HTML5视频嵌入技术最大的优点就是不需要任何第三方插件（比如 Adobe公司的Flash）就能播放。

不需要第三方插件带来的好处就是资源占用更少，想想如果一个网站上嵌入好多flash那该有多慢啊，还好有HTML5视频嵌入技术可以完好地解决这个问题。

那么它的配置复杂吗？很简单！

首先下载video.js，百度一下就能找到。

这个是下载后的目录。

先把要用到的js\css\swf都加载到html页面上。

如：

加入下面的代码：

只要记住：修改width="640" height="480"来改变视频显示大小，修改src="Wildlife.mp4"来改变要显示的视频。

然后打开html文件查看效果吧，它有暂停、音量控制、全屏等功能，还有好多其他功能，比如字幕等，这个以后再写。

全屏后的效果：

下面看看各个浏览器的效果：

Firefox：

Chrome：

360：

IE：

可以看到，IE播放是有问题的。解决IE不能播放的问题很简单。

加入：

意思是：如果是IE浏览器就将视频替换为传统的以FLASH形式播放。

再看看效果，呵呵，好了。

下面附全部代码截图，纯代码发上来不显示，没办法了。