今天客户一个
B2C服装类网上商城系统需要在网站里播放背景音乐。bgsound是不行的,因为只有IE支持这个标签。关键是要跨浏览器。
考虑jquery,发现jplayer可以实现这个效果。试了一下,门槛还算OK。
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="/js/jquery/jquery.jplayer.min.js"></script>
<div id="jquery_jplayer"></div>
<img id="jplayer" src="/images/music-play.png" width="44" height="41" style="float:right;"/>
<img id="jstop" style="display:none" src="/images/music-stop.png" width="44" height="41" style="float:right;"/>
$("#jplayer").click(function(){
$(this).hide();
$("#jstop").show();
$("#jquery_jplayer").jPlayer( "pause" );
});
$("#jstop").click(function(){
$(this).hide();
$("#jplayer").show();
$("#jquery_jplayer").jPlayer( "play" );
});
$(document).ready(function(){
$("#jquery_jplayer").jPlayer({
ready: function () {
this.element.jPlayer("setFile", "${music}", "").jPlayer("play");
},
volume: 50,
oggSupport: false,
preload: 'none',
swfPath:"http://www.i.com/js/jquery"
})
.jPlayer("onSoundComplete", function() {
this.element.jPlayer("play");
});
});
如果 swfPath:"http://www.ipremoire.com/js/jquery"不设置swf目录路径。
IE FF 里面无法正常播放
分享到:
相关推荐
《JPlayer 播放器:打造无缝网页音频与视频体验》 JPlayer 是一个强大的JavaScript库,专门用于在网页上实现高质量的音频和视频播放功能。作为一个开源项目,JPlayer 支持多种浏览器,包括IE、Firefox 和 Chrome,...
标题中的"jPlayer-2.9.2.zip_-baijiahao_dist/jplayer_jplayer_jplayer swf_j"表明这是一个jPlayer的版本2.9.2的压缩包,包含了相关的源代码、SWF文件以及其他可能的资源。"dist"通常是指发布或分发目录,包含的是...
**jPlayer 概述** jPlayer 是一个开源的 JavaScript 播放器,它使得在网页上嵌入音频和视频内容变得简单而直观。这款播放器支持多种媒体格式,包括 MP3、WAV、WebM 和 Ogg,同时也兼容 HTML5 和 Flash 技术,以确保...
**JPlayer 播放器概述** JPlayer 是一款基于 jQuery 的开源JavaScript音频和视频播放器,它提供了丰富的自定义选项和多种皮肤设计,让用户能够轻松地在网站上实现多媒体内容的播放。"Clean jPlayer skin"是JPlayer...
**jPlayer 播放器详解** jPlayer是一款基于JavaScript和HTML5的开源音频和视频播放器库,它为开发者提供了在网页上实现多媒体播放的强大工具。jPlayer 2.9.1是该库的一个版本,它包含了丰富的功能和自定义选项,使...
**jPlayer 播放器详解** jPlayer 是一款开源的 JavaScript 播放器,专为网页设计者和开发者打造。它具有高度的可定制性,能够支持多种音频和视频格式,使得在网页上集成多媒体内容变得轻而易举。版本号 2.9.2 表示...
**jPlayer 2.1.0 实例包详解** **一、jPlayer 概述** jPlayer 是一个开源的 JavaScript 库,它基于强大的 jQuery 框架,旨在为网页提供高质量的 HTML5 视频和音频播放功能。jPlayer 的设计目标是使开发者能够轻松...
**jPlayer插件详解及其在IE8和IE7下的应用** **一、jPlayer插件简介** jPlayer是一款基于HTML5技术的开源JavaScript音频和视频播放器插件,它允许开发者在网页上创建功能丰富的多媒体播放体验。jPlayer支持多种媒体...
**jQuery.jPlayer.2.4.0:一个强大的JavaScript音频和视频播放器** jQuery.jPlayer是基于流行的JavaScript库jQuery开发的一款高效、灵活的多媒体播放器。这个版本2.4.0提供了一整套功能,使得在网页上实现高质量的...
**jPlayer 播放器插件详解** jPlayer 是一款强大的、开源的JavaScript音频和视频播放器插件,它允许开发者在网页上轻松实现多媒体内容的播放功能。这款插件以其灵活性、自定义性和跨浏览器兼容性而受到广泛欢迎。在...
Jplayer是一款知名的JavaScript音频和视频播放器库,它允许开发者在网页上轻松集成高质量的媒体播放功能。这个“Jplayer demo资源”包含了演示所需的全部组件和示例代码,旨在帮助开发者快速理解和应用Jplayer到自己...
**jPlayer音频播放器详解** **一、jPlayer简介** jPlayer是一款开源的JavaScript库,专为网页设计者和开发者提供了强大的音频和视频播放功能。它基于HTML5技术,同时兼容旧版本的浏览器,通过Flash插件进行后援。...
**jPlayer播放器介绍** jPlayer是一款开源的JavaScript音频和视频播放器,它基于HTML5技术,同时提供了对Flash的回退支持,确保在不支持HTML5的浏览器中也能正常工作。jPlayer允许开发者轻松地在网站上实现多媒体...
Lightbox-Jplayer是一款基于JavaScript开发的图片展示插件,它结合了Lightbox和Jplayer的功能,使得用户在浏览图片的同时可以享受音乐播放的体验。这个插件非常适合那些希望在网站上提供多媒体互动体验的开发者。...
**jQuery音乐播放插件jPlayer** jPlayer是一款基于JavaScript和jQuery的开源音乐播放器插件,它为网页设计师和开发者提供了构建优雅、功能丰富的音乐播放界面的能力。jPlayer以其简洁的API、高度自定义和跨浏览器...
jPlayer 2.9.2 更新日志:2014-12-14增加- 新功能:实现pull请求[详细介绍SASS皮肤]。- 错误修正:修正了[示例演示-04不工作。改变- jPlayer库重构:该皮肤源文件现在是在'SRC/ skin`并在“DIST/皮肤文件夹中生成...
**JPlayer介绍** JPlayer是一款基于JavaScript的开源多媒体播放器,它允许开发者在网页上创建功能丰富的音频和视频播放体验。JPlayer支持多种媒体格式,包括MP3、AAC、WAV以及HTML5视频格式如MP4、WebM和Ogg。它的...
jQuery jPlayer是一款强大的JavaScript库,专门用于在网页上创建功能丰富的多媒体播放器。它利用了jQuery的简洁API,使得开发者可以轻松地实现音频和视频的播放、暂停、控制以及自定义用户界面。在这个主题中,我们...
JPlayer是一款强大的JavaScript库,专门用于在网页上实现多媒体播放功能,包括音频和视频。它基于HTML5技术,同时支持Flash回退,确保在不支持HTML5的浏览器中也能正常工作。本篇文章将深入探讨如何使用JPlayer来...
`jplayer_2.9.2_demo` 是一个基于JavaScript的音频播放器插件,主要用于在网页上创建自定义风格的音乐播放器。这个插件是jqUI(jQuery用户界面)的一个扩展,利用jQuery的强大功能和灵活性,使得开发者能够轻松地...