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;
}

时间: 2024-07-30 23:43:36

js判断视频预览控件的相关文章

上传图片截图预览控件不显示cropper.js 跨域问题

上传图片到图片服务器,因为域名不同,多以会有跨域问题. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://img.xxx.com' is therefore not allowed access. 照看代码发现,cropper.js里面对图片的引用路径做了判断,给img标签添加了 crossorigin="anonymous"(匿名跨域属性). 并且用

RM报表预览窗口和预览控件直接的链接

procedure TRMPreviewForm.Execute(aDoc: Pointer); begin FDoc := aDoc; FViewer.FPrepareReportFlag := False; FViewer.ShowToolbar := True; FViewer.Connect(aDoc); if (FViewer.Dock971 <> nil) and (FViewer.FReport <> nil) then FViewer.Dock971.ShowHin

js本地图片预览代码兼容所有浏览器

html代码 <div id="divPreview" style="width: 160px; height: 170px"><img id="imgHeadPhoto" src="www.niyuewo.com" style="width: 160px; height: 170px;border: solid 1px #d2e2e2;" /> </div> <a

兼容ie[6-9]、火狐、Chrome、opera、maxthon3、360浏览器的js本地图片预览

html代码: <div id="divPreview"> <img id="imgHeadPhoto" src="Images/Headphoto/noperson.jpg" style="width: 160px; height: 170px;border: solid 1px #d2e2e2;" alt="" /> </div> <asp:FileUpload

Js获取file上传控件的文件路径总结

总结一个获取file上传控件文件路径的方法 firefox由于保护机制只有文件名,不能获取完整路径. document.getElementById('file').onchange = function(){ alert(getFullPath(this)) } function getFullPath(obj){ if(!obj){return;} if(!-[1,]){obj.select();return document.selection.createRange().text;} r

纯js模拟 radio和checkbox控件

代码待优化,功能实现了,不兼容ie8以上, 相同name的radio可以实现切换的操作, 分享代码,共同学习进步 <!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <style> .radiobox, .checkbox { width: 10px; height: 10px; padding: 2px; borde

上传APP添加视频预览--精简点名

上传APP添加视频预览--精简点名 在为精简点名APP制作视频预览时的坑: 1.视频预览不能太长,也不能太短15-30s就好:我录制的是18s 2.视频的帧数不能太大,也就是说你在录制视频的时候,要慢点录制: 3.上传时可能会说文件的无法载入,请再次上传,这个多数是你网络不好造成的,找个网络好的时候,重新上传: 4.视频的尺寸是有限制的,需要不同设备的尺寸:这里有个技巧,想要不同的尺寸,那么使用不同的设备进行录制 5.采用什么样的软件,其实使用QuickTime+iphone就可以搞定,也不需要

iOS截取视频预览图,截图方向错误的解决

今天在修改项目bug的时候遇到了,截图视频预览图的时候总是方向不对,竖屏录制的视频(好像是竖屏录制截图出的错,记不太清楚了??)截图出来总是向左旋转了90度. 开始我查看图片的imageOrientation属性,发现都是Up,然后我试着查看图片的width和height,发现无论是对的还是错的,width和height都是一样,oh,shit! 后来我发现了appliesPreferredTrackTransform这个属性,默认是false(Objective-C中为NO),只要将其设置为t

【Javascript】JS获取ASP.NET CheckBoxList控件的Text和Value

由于在客户端用js是无法直接获取到ASP.NET的控件CheckboxList的值的,所以采用以下解解方案: 服务器端代码: public void LoadAllTags() { var tagList = tagBO.GetAllTags(); cbTagList.DataSource = tagList; cbTagList.DataTextField = "TagName"; cbTagList.DataValueField = "Id"; cbTagLis