JQuery Jplayer play无效的问题

最近折腾个H5. 用到Jplayer, 用着不错,至少兼容性强一些. 但是安卓这辆公共汽车型号实在太多.不小心上了一辆奇葩的就容易震到生活不能自理. 我在一台手机上的五六个浏览器上测试,都可以. 把该页面丢到APP里就卡逼. 最后发现 $(div) .jPlayer(); 无效~ 需要: $(div).jPlayer( "playHead", 1); $(div)('play'); 就好了, 代码量比较多, 排查了一下午. 另外,我能说这里的代码输入超难用么..... 祝大家出坑成功…

jquery+jplayer实现歌词同步的mp3音乐播放器效果

实例预览下载地址实例代码 <div class="container"> <div class="demo"> <textarea id="lrc_content" name="textfield" cols="70" rows="10" style="display: none;"> [00:03.00]洋葱 [00:06.0…

The jQuery HTML5 Audio / Video Library (jQuery jPlayer插件给你的站点增加视频和音频功能)

http://jplayer.org/ The jQuery HTML5 Audio / Video Library jPlayer is the completely free and open source (MIT) media library written in JavaScript. A jQueryplugin, (and now a Zepto plugin,) jPlayer allows you to rapidly weave cross platform audio an…

jQuery.Ajax IE8 无效（CORS）

今天在开发的时候,遇到一个问题,$.get()在 IE8 浏览器不起作用,但 Chrome,Firefox 却是可以的,网上资料很多,最后发现是 IE8 默认不支持 CORS 请求,需要手动开启下: jQuery.support.cors = true; //url 是跨域的地址 $.get(url, , function (data) { //... }); 参考资料:Ajax call not working in IE8 后来发现上面的设置在 IE8/IE9 中无效,需要另外的解决方案:j…

jquery/Js属性无效

今天遇到个很奇葩的问题,就是checkbox的onchange时间无效,我一共写了两个checkbox的onchange事件,但就是只有一个能用,本来我以为是jquery的兼容问题,但是换成js还是不能用,checked和val都行,就是onchange事件无效,无效的checkbox的id为chkNull,这种命名也不该是关键字吧,但结果就是这个原因,换个id就可以了:坑死我啦..... document.getElementById('chkWu').onchange = function…

为什么导入本地jquery.js老是无效？（已解决）

我从jquery官网里复制过来jquery.js内容,然后粘贴到本地,但是引用的时候总是无效. 在翻看脚本所在目录,无意间发现脚本文件是个jquery.js.js, 原来是我的文件的扩展名的问题, 所以我把名字改好,再次调试我的网页,脚本正常工作.…

【JQuery】 ajax 无效的JSON基元

[如题]个人理解就是你向传数据[josn格式]了,但是后台接受确不是json格式的数据, 贴段代码 var strJson = '{ "usercode": "123", "password": "123"}'; $.ajax({ type: "POST", url: "/Index/doLoginAction", data: strJson, dataType: "jso…

[jPlayer] HTML5 Audio & Video for jQuery

----------------------------------------------------------------------------------------------------- The jQuery HTML5 Audio / Video Library jPlayer is the completely free and open source (MIT) media library written in JavaScript. A jQueryplugin, (an…

基于jQuery的视频和音频播放器jPlayer

jPlayer见网络上资料很少,官方英文资料太坑爹TAT,于是就写一个手记给大家参考下.据我观察,jPlayer的原理主要是用到HTML5,在不支持HTML5的浏览器上使用SWF.做到全兼容,这一点很不错.官方还说明,服务器对于MP3文件不要做GZIP压缩,只是徒增CPU而已.并且在Flash播放GZIP的MP3时会出错. jPlayer简介: 想在网页上播放背景音乐,不想用html标签的方式,因为那样只有音乐全部下载完以后才能播放,还容易出现跨浏览器兼容性的问题,于是选了一款基于jQuery的…

JPlayer Jquery video视频插件

近日一直在搜关于视频的jquery插件,要求功能全,跨平台,百思不得其解,偶尔找到一个插件JPlayer,国产的,很全.为什么选择JPlayer 简单:几分钟就可以上手编码.部署可定制:可以方便地用HTML和CSS换肤轻量:压缩的mini版只有12K 免费开源:没有任何许可限制社区支持:不断增长的活跃社区插件丰富:主流平台上越来越多的免费插件跨平台:跨平台跨浏览器多解码器支持文档全面:完善的文档和入门指南接口统一:提供兼容浏览器.HTML5和Flash的统一接口扩展性:拥有高扩展…

JQuery触发hover事件无效时使用js原生的触发事件方法

需求:在开发一个从微信公众号后台管理网页上爬取数据的chrome插件时,有部分页面元素是只显示了部分摘要信息的,需要把鼠标移上去后才能显示全部信息(类似title的弹出显示).这就需要在chrome插件中实现触发该元素的hover事件(或者mouseenter事件),让全部信息显示再从弹窗中获取数据.(由于开发时的环境需要客户提供微信公众号的后台账号等环境,这事儿过去一段时间了,无法再演示一遍) 环境:chrome浏览器问题:使用常见的jQuery触发事件方法无法成功触发事件并弹出窗口,现象表…

jPlayer插件的使用

文讲一下本人在使用jPlayer插件时的整个过程.出现的BUG已经解决办法. 最近在做bootstrap项目,项目中需要一个响应式.兼容IE7的视频播放插件,经过上网查找,找到了所谓可以兼容到IE6的响应式视频播放插件——jPlayer.注:本代码的功能是打开自动循环播放,如果不需要,可以修改个别属性. 一.下载插件包. 官网下载插件包:点击打开链接,这种网站当然有中文版:点击打开链接 (PS:感觉网站布局有点丑,像高仿网站.但仍挡不住我对它爱的深沉),就现在来看,中文网的版本更新慢于英文网站.…

HTML5使用jplayer播放音频、视频

首先推上神器 jPlayer:基于HTML5/Flash的音频.视频播放器 jPlayer是一个JavaScript写的完全免费和开源 (MIT) 的jQuery多媒体库插件 (现在也是一个Zepto插件) jPlayer可以让你迅速编写一个跨平台的支持音频和视频播放的网页. jPlayer的丰富API可以让你创建一个个性化多媒体应用,因此也获得越来越多的社区成员的支持和鼓励. 官网:www.jplayer.cn 英文:www.jplayer.org 1.准备 jquery.min.js.jqu…

基于jPlayer的三分屏制作

三分屏,这里的三分屏只是在一个播放器里同时播放三个视频,但是要求只有一个控制面板同时控制它们,要求它们共享一个时间轨道.这次只是简单的模拟了一下功能,并没有深入的研究. 首先,需要下载jPlayer,jPlayer是一个JavaScript写的完全免费和开源的jQuery多媒体库插件,我觉得他最大的好处就是兼容性,并且页面也简洁大方,个人比较喜欢.jPlayer可到其官网下载最新版本(http://www.jplayer.cn).并且官网有开发文档和Demo,所以还是比较容易上手的. 关于简单的…

利用开源jPlayer播放.flv视频文件

最近工作中用到视频播放,在网上搜索对比了好几款开源播放插件后,觉得 jPlayer 是比较不错的,故作此记录! 接下来先快速的展示一下利用jPlayer播放.flv视频的效果: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;…

Jplayer歌词同步显示插件

http://blog.csdn.net/wk313753744/article/details/38758317 1.该插件是一个jquery的编写的跟jplayer实现歌词同步的插件,最终效果如图: 2.首先引入jplayer的相关的js库和样式文件. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="skin/pink.…

Jplayer(转)

Jplayer必须要加载 1.样式 jplayer.blue.monday.css 2.jq jquery.1.6.2.min.js 当前最新版本为1.6.2 3.jplayer的js jquery.jplayer.min.js <link href="skin/jplayer.blue.monday.css" rel="stylesheet" type="text/css" /> <script. type="te…

Ajax或JS动态添加的元素，Jquery效果不起作用

问题: 最近在做一个Ajax分页的功能,遇到一个问题一开始jquery效果是可用的,但是,ajax执行一次之后,jquery效果就无效了. 解决办法: 可以添加live事件来解决 W3C关于live的定义:通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比如由脚本创建的新元素). $(".box a img").mouseover(function () { //code }); //ajax 无效果 bug修改 $(".box a img&q…

Jplayer小样

最近应公司要求需要一个MP3播放的插件,网上找了很多插件,看来看去还是jPlayer用着最舒服也最容易扩展.所以就找了个资料研究了下,简单做了个小DEMO.支持实时控制列表,常见的播放器功能. jPlayer中可扩展的强大功能很多,暂时也用不上,等着后来人去发掘了. 废话说完了.进入正题. 插件里就这么多东西.大概分出来之后: add-on文件夹里是播放列表控制的js文件,里面预设了很多播放和列表控制的方法. jplayer不用说了,插件的主题. examples……(这个没人有疑问的我相信这个…