`
wutao8818
  • 浏览: 616593 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

jplayer 实战

    博客分类:
  • js
阅读更多
今天客户一个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 里面无法正常播放
分享到:
评论
1 楼 zycjf2009 2015-01-08  
你好,我想用jplayer做一个简单的播放器,但是因为对js不了解能否教我一下?万分感谢。

相关推荐

    jplayer demo jplayer例子

    《JPlayer 播放器:打造无缝网页音频与视频体验》 JPlayer 是一个强大的JavaScript库,专门用于在网页上实现高质量的音频和视频播放功能。作为一个开源项目,JPlayer 支持多种浏览器,包括IE、Firefox 和 Chrome,...

    jPlayer-2.9.2.zip_-baijiahao_dist/jplayer_jplayer_jplayer swf_j

    标题中的"jPlayer-2.9.2.zip_-baijiahao_dist/jplayer_jplayer_jplayer swf_j"表明这是一个jPlayer的版本2.9.2的压缩包,包含了相关的源代码、SWF文件以及其他可能的资源。"dist"通常是指发布或分发目录,包含的是...

    jPlayer详细使用说明及完整demo

    **jPlayer 概述** jPlayer 是一个开源的 JavaScript 播放器,它使得在网页上嵌入音频和视频内容变得简单而直观。这款播放器支持多种媒体格式,包括 MP3、WAV、WebM 和 Ogg,同时也兼容 HTML5 和 Flash 技术,以确保...

    Jplayer一个简单的播放器代码Clean jPlayer skin

    **JPlayer 播放器概述** JPlayer 是一款基于 jQuery 的开源JavaScript音频和视频播放器,它提供了丰富的自定义选项和多种皮肤设计,让用户能够轻松地在网站上实现多媒体内容的播放。"Clean jPlayer skin"是JPlayer...

    jPlayer-2.9.1播放器demo

    **jPlayer 播放器详解** jPlayer是一款基于JavaScript和HTML5的开源音频和视频播放器库,它为开发者提供了在网页上实现多媒体播放的强大工具。jPlayer 2.9.1是该库的一个版本,它包含了丰富的功能和自定义选项,使...

    jPlayer-2.9.2.tar.gz_jplayer

    **jPlayer 播放器详解** jPlayer 是一款开源的 JavaScript 播放器,专为网页设计者和开发者打造。它具有高度的可定制性,能够支持多种音频和视频格式,使得在网页上集成多媒体内容变得轻而易举。版本号 2.9.2 表示...

    jPlayer2.1.0实例包

    **jPlayer 2.1.0 实例包详解** **一、jPlayer 概述** jPlayer 是一个开源的 JavaScript 库,它基于强大的 jQuery 框架,旨在为网页提供高质量的 HTML5 视频和音频播放功能。jPlayer 的设计目标是使开发者能够轻松...

    jplayer插件的运用

    **jPlayer插件详解及其在IE8和IE7下的应用** **一、jPlayer插件简介** jPlayer是一款基于HTML5技术的开源JavaScript音频和视频播放器插件,它允许开发者在网页上创建功能丰富的多媒体播放体验。jPlayer支持多种媒体...

    jQuery.jPlayer.2.4.0

    **jQuery.jPlayer.2.4.0:一个强大的JavaScript音频和视频播放器** jQuery.jPlayer是基于流行的JavaScript库jQuery开发的一款高效、灵活的多媒体播放器。这个版本2.4.0提供了一整套功能,使得在网页上实现高质量的...

    jPlayer Demo案例

    **jPlayer 播放器插件详解** jPlayer 是一款强大的、开源的JavaScript音频和视频播放器插件,它允许开发者在网页上轻松实现多媒体内容的播放功能。这款插件以其灵活性、自定义性和跨浏览器兼容性而受到广泛欢迎。在...

    Jplayer demo资源

    Jplayer是一款知名的JavaScript音频和视频播放器库,它允许开发者在网页上轻松集成高质量的媒体播放功能。这个“Jplayer demo资源”包含了演示所需的全部组件和示例代码,旨在帮助开发者快速理解和应用Jplayer到自己...

    jPlayer as an audio player

    **jPlayer音频播放器详解** **一、jPlayer简介** jPlayer是一款开源的JavaScript库,专为网页设计者和开发者提供了强大的音频和视频播放功能。它基于HTML5技术,同时兼容旧版本的浏览器,通过Flash插件进行后援。...

    jPlayer播放Demp(MP3)

    **jPlayer播放器介绍** jPlayer是一款开源的JavaScript音频和视频播放器,它基于HTML5技术,同时提供了对Flash的回退支持,确保在不支持HTML5的浏览器中也能正常工作。jPlayer允许开发者轻松地在网站上实现多媒体...

    Lightbox-Jplayer.rar

    Lightbox-Jplayer是一款基于JavaScript开发的图片展示插件,它结合了Lightbox和Jplayer的功能,使得用户在浏览图片的同时可以享受音乐播放的体验。这个插件非常适合那些希望在网站上提供多媒体互动体验的开发者。...

    jQuery音乐播放插件jPlayer

    **jQuery音乐播放插件jPlayer** jPlayer是一款基于JavaScript和jQuery的开源音乐播放器插件,它为网页设计师和开发者提供了构建优雅、功能丰富的音乐播放界面的能力。jPlayer以其简洁的API、高度自定义和跨浏览器...

    jPlayer 2.9.2.zip

    jPlayer 2.9.2 更新日志:2014-12-14增加- 新功能:实现pull请求[详细介绍SASS皮肤]。- 错误修正:修正了[示例演示-04不工作。改变- jPlayer库重构:该皮肤源文件现在是在'SRC/ skin`并在“DIST/皮肤文件夹中生成...

    JPlayer-WEB.rar_jplayer_jplayer使用实例

    **JPlayer介绍** JPlayer是一款基于JavaScript的开源多媒体播放器,它允许开发者在网页上创建功能丰富的音频和视频播放体验。JPlayer支持多种媒体格式,包括MP3、AAC、WAV以及HTML5视频格式如MP4、WebM和Ogg。它的...

    jQuery jplayer支持格式的视频播放器代码

    jQuery jPlayer是一款强大的JavaScript库,专门用于在网页上创建功能丰富的多媒体播放器。它利用了jQuery的简洁API,使得开发者可以轻松地实现音频和视频的播放、暂停、控制以及自定义用户界面。在这个主题中,我们...

    jplayer视频播放

    JPlayer是一款强大的JavaScript库,专门用于在网页上实现多媒体播放功能,包括音频和视频。它基于HTML5技术,同时支持Flash回退,确保在不支持HTML5的浏览器中也能正常工作。本篇文章将深入探讨如何使用JPlayer来...

    jplayer_2.9.2_demo

    `jplayer_2.9.2_demo` 是一个基于JavaScript的音频播放器插件,主要用于在网页上创建自定义风格的音乐播放器。这个插件是jqUI(jQuery用户界面)的一个扩展,利用jQuery的强大功能和灵活性,使得开发者能够轻松地...

Global site tag (gtag.js) - Google Analytics