网页插件实现原理

IE浏览器基于Activex插件来实现,非IE浏览器采用NPAPI来实现,所以,非浏览器需要支持NPAPI来实现。

IE浏览器

FF浏览器(版本小于52)

原因从 Firefox 版本 52 开始,停止支持除 Adobe Flash 之外的所有 NPAPI 插件

安装好后,在设置中选中不自动更新

Chorme浏览器(版本小于46)

下面说一下,chrome浏览器支持VLC的过程(其他NPAPI插件类似):

一、查看浏览器版本

  浏览器帮助和简介”->“关于中查看。

二、根据不同版本按下面步骤操作

    41以前版本的Chrome

      直接在地址栏chrome://plugins/找到相应的插件,勾上“总是允许”重启浏览器即可。

     

    42-45版本的Chrome:

      地址栏输入:chrome://flags/,如下图,点击“启用”NPAPI插件。

      

      然后在地址栏输入:chrome://plugins/找到相应的插件,勾上“总是允许”重启浏览器即可。

      

       当然重启之后他任然会弹出一个幸灾乐祸的温馨提示:“此插件很快就不支持了”。但并不影响使用。

    46-以后版本的Chrome:

       换浏览器版本吧,在2015年9月之后,他们只支持PPAPI。

        首先卸载Chrome,打开控制面板->卸载,

        然后选中“同时删除您的浏览数据”(低版本的Chrome不能读取高版本的数据格式,所以一定要选中),点击 卸载,再安装低版本的Chrome即可。

        

注意事项:

单纯从播放角度来讲,chrome是可以播放vlc web-plugin的视频的,但是呢,这个vlc在安装的时候已经说明支持两个插件,一个是ActiveX(for IE),另外一个是火狐的,并没有提到chrome,说明这个对chrome的支持并不彻底,所以,建议在IE和火狐上用这个vlc-web plugin。下面就是总结的对三大浏览器的支持情况:

功能

IE

FF

Chrome

版本要求

小于52

小于46

截屏

支持,不支持自定义截屏路径,截屏默认放到桌面上

不支持

不支持

播放

开始播放出现2秒左右灰屏

开始播放出现2秒左右灰屏

开始播放出现2秒左右灰屏

动态播放或者切换视频

支持动态指定MRL,然后播放

支持动态指定MRL,然后播放

不支持动态指定MRL,然后播放,可以重新加载控件来实现

暂停

支持

支持

不支持

停止

支持

支持

不支持

是否支持VLC plugin内部方法

支持

支持

不支持

chrome之所以出现这样的情况,原因在于其不支持插件里的方法,调用方法时会出现

Uncaught TypeError: Cannot read property 'stop' of undefined

的错误

VLC Web插件的浏览器兼容性的更多相关文章

  1. web前端开发浏览器兼容性 - 持续更新

    浏览器兼容性问题又被称为网页或网站兼容性问题:不同浏览器内核及所支持的html等网页语言标准不同,不同客户端环境(如分辨率不同)造成实际显示效果未能达到预期理想效果 首先我们来看一下目前市面上常见的一 ...

  2. ssm项目中KindEditor的图片上传插件,浏览器兼容性问题

    解决办法: 原因:使用@ResponseBody注解返回java对象,在浏览器中是Content-Type:application/json;charset=UTF-8 我们需要返回字符串(Strin ...

  3. web前端开发浏览器兼容性处理大全

    1.居中问题 div里的内容,IE默认为居中,而FF默认为左对齐,可以尝试增加代码margin: 0 auto; 2.高度问题 两上下排列或嵌套的div,上面的div设置高度(height),如果di ...

  4. Web浏览器兼容性测试工具如何选择

    对于前端开发工程师来说,网页兼容性测试工程师而言,确保代码在各种主流浏览器的各个版本中都能正常工作是件很费时的事情,幸运的是,有很多优秀的工具可以帮助测试浏览器的兼容性,领测软件测试网向您推荐12款很 ...

  5. 【web前端开发】浏览器兼容性处理

    1.居中问题div里的内容,IE默认为居中,而FF默认为左对齐,可以尝试增加代码margin: 0 auto;2.高度问题两上下排列或嵌套的div,上面的div设置高度(height),如果div里的 ...

  6. Web前端页面的浏览器兼容性测试心得(二)搭建原汁原味的IE8测试环境

    如果你做的页面被老板或PM要求兼容IE8,你就值得同情了.IE8不支持HTML5,在2017年的前端界,开发者不涉及HTML5标准简直寸步难行.然而,有一个可怕的事实客观存在,那就是IE8是Win7系 ...

  7. Web页面使用VLC播放插件

    一.原生态Demo下载 选择原因:我们为什么选择VLC播放插件?原因是它支持IE8浏览器播放视频,如果高版本的浏览器大可不必选择该插件,很多html5插件既好用又简单,但是有些交管或政府 部门还是限制 ...

  8. CSS3与页面布局学习笔记(八)——浏览器兼容性问题与前端性能优化方案

    一.浏览器兼容 1.1.概要 世界上没有任何一个浏览器是一样的,同样的代码在不一样的浏览器上运行就存在兼容性问题.不同浏览器其内核亦不尽相同,相同内核的版本不同,相同版本的内核浏览器品牌不一样,各种运 ...

  9. vlc 网页插件的 使用与控制 API http://www.xuebuyuan.com/2224602.html

    不知道vlc 是什么的请百度一下.. vlc 提供了ie浏览器的activeX插件和火狐或者chrome的插件,基本上覆盖了所有浏览器,所以有复杂解码需求的情况下用vlc来解决网页播放视频,也是一种没 ...

随机推荐

  1. zk删除node模式

    检查状态 状态描述指定的znode的元数据.它包含时间戳,版本号,ACL,数据长度和子znode等细项. 语法 stat /path 示例 stat /FirstZnode 输出 [zk: local ...

  2. iOS:Objective-c的MD5/SHA1加密算法的实现

    介绍: Objective-c实现MD5和SHA1算法相对还是比较简单的,可以直接调用系统的C/C++共享库来实现调用MD5即Message Digest Algorithm 5(信息-摘要算法 5) ...

  3. 前端传递参数,由于控制器层类实现了struts2的ModelDriven而产生的一个异常

    产生的异常如下: ognl.MethodFailedException: Method "setId" failed for object com.aliyun.pcitcAliy ...

  4. [Angular] Angular Custom Change Detection with ChangeDetectorRef

    Each component has its own ChangeDetectorRef, and we can inject ChangeDetectorRef into constructor: ...

  5. jquery.cookie.js操作cookie实现“记住密码”,很简单很强大

    //初始化页面时验证是否记住了密码 $(document).ready(function() { if ($.cookie("rmbUser") == "true&quo ...

  6. unity3D克隆50个游戏对象并输出Json格式的文本

    http://wenku.baidu.com/link?url=tl8q_aj1n-U267XkKtSZISaw6jKJ1woh4CJkDUr1AwEzllSAv7P0r7cawXXSyDVXNf6m ...

  7. springmvc+fastjson enum(枚举)支持属性get转json

    maven引用 <dependency> <groupId>com.alibaba</groupId> <artifactId>fastjson< ...

  8. select * from (select user())a 为什么是查询user()的意思?

    步骤:1.先查询 select user() 这里面的语句,将这里面查询出来的数据作为一个结果集 取名为 a2.然后 再 select * from a 查询a ,将 结果集a 全部查询出来

  9. mui 事件绑定(on)

    除了可以使用addEventListener()方法监听某个特定元素上的事件外, 也可以使用.on()方法实现批量元素的事件绑定. 示例: 点击新闻列表,获取当前列表项的id,并将该id传给新闻详情页 ...

  10. lodash camelCase 驼峰写法

    _.camelCase([string='']) 转换字符串为 驼峰写法 _.camelCase('Foo Bar'); // => 'fooBar' _.camelCase('--foo-ba ...