我正在使用jplayer 2.1.0。我有4个浏览器chrome 22,opera 12,IE9和mozilla firefox 15,所有这些都是2012年10月的最新浏览器。我的播放器在chrome中运行但在所有其他浏览器中都失败了。我现在不使用闪存,所以只依靠HTML5。这是代码。
$(document).ready(function(){
$("#jquery_jplayer_1").jPlayer({
ready: function () {
var url;
$('.singles').click(function(event){
var x = event.target;
url = "http://localhost:8080/WebApplication1/songs/"+x.innerHTML;
$("#jquery_jplayer_1").jPlayer("setMedia",{
mp3: url
}).jPlayer("play");
});
},
swfPath: "/js",
supplied: "mp3, oga"
});
});
我直接在url中使用文件路径..这是一种不好的做法吗? 我应该通过服务器发送mp3文件吗?喜欢设置内容类型和所有内容吗?对不起,如果愚蠢,因为我自己感到愚蠢
答案 0 :(得分:1)
请参阅以下网址并下载资源,然后根据您的需要进行修改 http://www.script-tutorials.com/how-to-play-audio-video-using-jplayer/
由于firefox和opera不播放mp3文件,因此请按如下方式修改jquery调用
$(document).ready(function(){
$("#jquery_jplayer_1").jPlayer({
ready: function () {
$(this).jPlayer("setMedia", {
mp3: "media/track.mp3",
oga: "media/track.ogg"
}).jPlayer("play");
},
ended: function (event) {
$(this).jPlayer("play");
},
swfPath:"/swf",
supplied: "mp3,oga",
solution:"html,flash",
wmode:"window"
});
});
然后在媒体文件夹中添加相同mp3轨道的ogg文件。使用任何转换器将mp3文件转换为ogg格式。