js判断视频预览控件

Posted XD-Thinker

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js判断视频预览控件相关的知识,希望对你有一定的参考价值。

原因分析:无法判断浏览器是否已经安装控件的原因是PlaybackOCX类没有直接提供一个判断是否安装控件的方法。

解决思路:用PlaybackOCX控制视频播放的步骤为1、初始化PlaybackOCX对象 2、然后调用PlaybackOCX对象的setPlayback方法,如果已经安装浏览器控件则调用成功返回0,否则调用失败返回1。因此如果调用setPlayback方法返回1时,说明没有安装浏览器控件。

 

代码展示

 

function isBrowserIE() {
   var appName = navigator.userAgent;
   if (appName.indexOf(‘MSIE‘) > -1) {
      return 0;
   } else if (appName.indexOf(‘Chrome‘) > -1) {
      return 1;
   } else if (!!window.ActiveXObject || "ActiveXObject" in window) {
      // 判断是否是IE11
      return 2;
   }
   return 0;
}

 

 

//判断是否为IE浏览器,视频只能在IE浏览器播放

if (isBrowserIE() == 1) {
   parent.$.info("请前往IE浏览器进行预览");
   return;
}
var options={
   divId:"show_win"
};

//初始化Playbackocx对象
PlayBackOCX = new Playbackocx(options);
if (PlayBackOCX.setPlayback() == 1) {  //判断是否安装控件,没有就给出提示并跳转到下载链接
   parent.$.info("未安装浏览器控件无法查看录像,请前往平台->首页->软件下载,下载浏览器控件,或者联系管理员");
   setTimeout(function(){window.open(".../index.action");},2000);

   return;
}

























以上是关于js判断视频预览控件的主要内容,如果未能解决你的问题,请参考以下文章

Dropbox 应用,例如视频和音频预览

html file控件选择文件后立即预览 js实现

html file控件选择文件后立即预览 js实现

Android 实时视频采集—Camera预览采集与显示(平台系统camera功能理解分享)

前端每日实战:158# 视频演示如何用纯 CSS 创作一个雨伞 toggle 控件

如何用 CSS 创作一个立体滑动 toggle 交互控件