一、项目起源
公司项目中需要视频播放,并且需要实现倍速播放,最重要的是需要兼容IE8,于是乎HTML5的video显然无法使用,只能另辟蹊径,查找资料最终决定使用vlc视频播放插件兼容IE,再加上video,可以实现全浏览器兼容的视频播放和倍速播放。
二、解决思路
首先H5video无法兼容低版本IE,考虑使用ActiveX视频播放插件,vlc视频播放软件有自带的ActiveX插件,安装时会自动安装插件,不过要注意的是vlc的版本必须与IE浏览器的版本一致(即如果IE是32位则必须安装32位vlc)。使用vlc解决IE的视频播放和倍速播放,其它浏览器则使用video实现。
三、解决办法
1、判断浏览器类型
// 获取浏览器类型
function getBrowserInfo() {
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器
var isIE = window.ActiveXObject || "ActiveXObject" in window
var isEdge = userAgent.indexOf("Edge") > -1; //判断是否IE的Edge浏览器
var isFF = userAgent.indexOf("Firefox&#