jplayer兼容性的一些记录

公司开发要用到播放器,经过比较几个主流的播放器插件选取了jplayer作为开发插件。

开发过程中,jplayer的兼容性官方给出是solution:html,flash

在支持html5 vedio标签下运用vedio标签,在不支持vedio的浏览器中使用flash进行播放。

按照官方的文档,一步步设置,但在后来发现,ie8及更低版本下音频没有播放。

查原因发现是一步步和官方配置一样,后来查看了很多文档以及一些运用jplayer二次开发的网站(例如一些英语备考的网站,大家可以自己去搜一下)。

发现是flash的路径,不能设置为相对路径,这一点在本地调试下也能发现问题,一定要把swf的路径设置为绝对路径。

放到服务器上,在ie低版本下运行,通过。

另外记录一下别的,官网的宽度是418px左右,当需要变小一些时一种方案是自己写皮肤,另一种就是改装了。

在ie和chrome下css使用zoom属性,但firefox不支持,则改用-moz-transform,-moz-transform-origin,-moz-transform:scale(0.5);

但是它会缩放到中间,而IE会缩放到左上角,再通过-moz-transform-origin:top left;就可以实现和IE一样的效果了。

 

时间: 2024-10-16 19:29:00

jplayer兼容性的一些记录的相关文章

利用开源软件strongSwan实现支持IKEv2的企业级IPsec VPN,并结合FreeRadius实现AAA协议(下篇)

续篇—— 利用开源软件strongSwan实现支持IKEv2的企业级IPsec VPN,并结合FreeRadius实现AAA协议(上篇) 上篇文章写了如何构建一个支持IKEv2的VPN,本篇记录的是如何利用freeradius,以及结合Daloradius进行VPN的 Web 管理.先让freeradius做个自述吧. 一.Radius 介绍 远端用户拨入验证服务(RADIUS, Remote Authentication Dial In User Service)是一个AAA协议,意思就是同时

移动端web开发初探之Vuejs的简单实战

这段时间在做的东西,是北邮人论坛APP的注册页.这个注册页是内嵌的网页,因为打算安卓和IOS平台同时使用.因此实际上就是在做移动端的web开发了. 在这过程中遇到了不少有意思的东西. DEMO的github地址在这里 内容提要: meta标签 Vuejs的简单实战 CSS移动端全屏背景 CSS移动端动画初探 meta标签 这点与在PC端写前端有着很大的区别,移动端的meta标签简直多.我就说说我所用到的标签. <!-- 1.如果支持Google Chrome Frame:GCF,则使用GCF渲染

记录这几天工作内容发现的兼容性问题

(1): 1.border-radius:圆角 2.box-shadow:阴影 3:linear-gradient:线性渐变 各浏览器兼容性备注: -moz代表firefox浏览器私有属性 -ms代表IE浏览器私有属性 -webkit代表chrome.safari私有属性 -o-代表opera代表opera私有属性 (2): 1. 用于手机端iPhone和安卓手机页面开发. 说明: width - viewport的宽度 height - viewport的高度 initial-scale -

js兼容性记录

做BS开发就难免会用到javascript,而每个浏览器对javascript的支持有不同.这就需要我们程序员去兼容他们,不然有些浏览器就无法运行我们的代码.就会造来客户的投诉,如果让BoSS知道了,这可不太好哦.下面是兼容IE和FF的js脚本做法和分解(部分选自网上):      .以下以 IE 代替 Internet Explorer,以 MF/FF 代替 Mozzila Firefox    //window.event   IE:有window.event对象   FF:没有window

css 兼容性书写记录

1.div border不能显示 问题描述:用一个div A层中间放了几个div B来存放内容,因为内容是不固定的,于是就使用了对B层使用了float,让A层自适应高度,后面对A层加上边框,在ie中能显示,但是在firefox中就始终没法显示. 问题分析:B层使用了float,位置浮起,A层边框不能显示 解决方案:对A开始使用一个浮动清除<div style="clear:both"></div> 2.cms ie6的内容页面不能全部显示 问题描述:cms内容页

兼容性记录-class属性

getAttribute获得class属性时,IE6,IE7的传参是className,IE7+和现代游览器都是class 所有游览器DOMElement均有的className属性,其在IE各版本下的均表现良好返回属性class值的字符串 此外html5中DOMElement有个classList属性,它返回一个类型为DOMTokenList的对象,它其中有很多有用操作class的方法. 可以写一个通用的hasClass方法 function hasClass(n, cls) { var cl

css兼容性记录

*        , ie6,ie7可以识别: _和- ,  ie6可以识别: !important  ,表示高优先级,ie7及以上,firefox都支持,ie6认识带!important的样式属性,但不认识!important的优先级: -webkit- ,针对safari,chrome浏览器的内核CSS写法 -moz-,针对firefox浏览器的内核CSS写法 -ms-,针对ie内核的CSS写法 -o-,针对Opera内核的CSS写法

记录遇到的IE8兼容性问题汇总

1,伪元素:first-child不起作用,需要单独指定样式名称 2,透明度表示方法,尤其在函数中表示 @mixin opacity($value) { -webkit-opacity: $value; -moz-opacity: $value; -ms-opacity: $value; -o-opacity: $value; filter: alpha(opacity=$value*100); //0~100的,所以这里需要*100 opacity: $value; } 3,input文字垂直

Smart210学习记录------块设备

转自:http://bbs.chinaunix.net/thread-2017377-1-1.html 本章的目的用尽可能最简单的方法写出一个能用的块设备驱动.所谓的能用,是指我们可以对这个驱动生成的块设备进行mkfs,mount和读写文件.为了尽可能简单,这个驱动的规模不是1000行,也不是500行,而是100行以内. 这里插一句,我们不打算在这里介绍如何写模块,理由是介绍的文章已经满天飞舞了.如果你能看得懂.并且成功地编译.运行了这段代码,我们认为你已经达到了本教程的入学资格,当然,如果你不