如何在HTML5网页中插入视频组件

发布时间:2017-02-06 17:34

目前使用最多者应该算Video标签,但需要看浏览器支持的视频和音频编码格式。一般MP4格式的视频文件通用性好一点!推荐几个通用性比较好的视频播放器插件及代码。
要想让主流浏览器都支持HTML5标签,使用非常简单,只要链接一个js文件就可以了。所以,只要页面上(头部或底部)有如下段代码:

<script src="http://html5media.googlecode.com/svn/trunk/src/html5media.min.js"></script>即可。

推荐几款成品视频插件及效果图
1、Javascript Driven HTML5 Video Player: Dplayer



2、JavaScript-Based HTML5 Video Player: Video JS



3、Akamai’s Open Video Player for HTML5



好处在于浏览器不需要加载flash和ActiveX,就可以渲染视频,可以很简单的播放视频和控制视频。这些播放器代码同样支持flash,当用户浏览器不支持html5或是其他情况时,视频可以保证正常播放。