今天客户一个
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一个简单的播放器代码Clean jPlayer skin
很好的网页播放,兼容,IE,FF,Chrome,此demo为没有界面。
jPlayer详细使用说明及完整demo
jPlayer 播放器demo,直接修改资源地址即可使用。jPlayer 播放器demo,直接修改资源地址即可使用。
jPlayer 2.9.2 更新日志:2014-12-14增加- 新功能:实现pull请求[详细介绍SASS皮肤]。- 错误修正:修正了[示例演示-04不工作。改变- jPlayer库重构:该皮肤源文件现在是在'SRC/ skin`并在“DIST/皮肤文件夹中生成...
jplayer是一个强大的支持多种音频格式的播放器
跨浏览器播放器jPlayer jPlayer jPlayer
jPlayer is the completely free and open source (GPL/MIT) media library written in JavaScript. A jQuery plugin, jPlayer allows you to rapidly weave cross platform audio and video into your web pages. ...
jplayer 是国外利用jquery开发的一套基于html5 video的插件,利用jplayer可以在网页中播放html5 video视频并且实现详细的控制功能。
jplayer-skin-premium-pixels, 带播放列表的响应式 HTML5 jPlayer皮肤 高级像素jPlayer外观带播放列表的响应式 HTML5 jPlayer皮肤。贡献者: 。需要: jPlayer许可证: MIT许可证。由 Orman Clark设计的高级像素音频...
jPlayer-2.5.4完整版 包括demo以及用法
jPlayer是个用JavaScript写的完全免费和开源的媒体库(media library)。作为jQuery插件的一员,使用jPlayer可以在你的网页上轻松加入跨平台的音乐和视频。 支持的平台与浏览器 Windows: Firefox, Chrome, Opera, ...
jPlayer as an audio player
jQuery jplayer支持格式的视频播放器代码 jQuery jplayer支持格式的视频播放器代码
jPlayer影响播放插件,纯js
一个JavaScript的图片展示插件Lightbox-Jplayer.rar
jPlayer播放Demp(MP3)
使用JPlayer完成了一播放器的实例,引用了JPlayer库
jPlayer is the completely free and open source (GPL/MIT) media library written in JavaScript. A jQuery plugin, jPlayer allows you to rapidly weave cross platform audio and video into your web pages. ...