由于html5的出现,让网页中的视频、音频有了更加便捷的实现方式。但是video、audio标签只在IE 9+、Safari 3+、FireFox 4+、Opera 10+、Chrome 3+的浏览器版本得到了支持,并且各浏览器对于视频编码格式的支持不一致,这就需要我们考虑一个综合的实现方案,使得视频在不同浏览器中都能顺利播放,而且在老版本的浏览器中也能得到支持。

以下是结合项目经验,总结出的几种方案,与大家分享。

方案1、使用VideoJS插件实现兼容插件下载http://videojs.com

使用新版VideoJS插件需要注意的是其使用方法:

使用步骤一:head部分添加

<link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet">  
<script src="http://vjs.zencdn.net/c/video.js"></script>  

更多相关文章

  1. 前端引用公共html模块方案探索
  2. HTML5用户身份认证源代码:注册、登录、会话保持的解决方案
  3. Emmet插件快速编写html小技巧
  4. 用于在表中强制换行的PHP或HTML/CSS解决方案
  5. html提示框插件
  6. Wordpress主题调试:插件侧边栏导致原始侧边栏不显示
  7. 如何实现分布式文件上传解决方案?
  8. Ajax上传插件。handleError未找到
  9. 使用AJAX与拖放jQuery插件

随机推荐

  1. ImageButton应用
  2. Android 开发中遇到的 bug(3)
  3. android 百度地图轨迹回放
  4. ScrollView中添加ListView
  5. 安卓 隐藏按钮
  6. Gradle离线配置、.android、.AndroidStud
  7. Android开发工具类合集
  8. Android 手机与Android Studio wifi联调
  9. Android常用控件-DatePicker以及对话框的
  10. android获得mac和ip