Jquery 在jplayer中播放.ogg或.mp3文件
我试图在加载页面时使用特定的音频文件播放。问题是,我不知道如何让jplayer播放.mp3或.ogg Firefox支持.ogg,但Safari和IE不支持 因此,我希望音频播放用户浏览器支持的任何文件格式 以下是my.js文件中的代码:Jquery 在jplayer中播放.ogg或.mp3文件,jquery,jplayer,Jquery,Jplayer,我试图在加载页面时使用特定的音频文件播放。问题是,我不知道如何让jplayer播放.mp3或.ogg Firefox支持.ogg,但Safari和IE不支持 因此,我希望音频播放用户浏览器支持的任何文件格式 以下是my.js文件中的代码: $f("#jquery_jplayer_1").jPlayer({ ready: function (event) { $f(this).jPlayer("setMedia", { oga
$f("#jquery_jplayer_1").jPlayer({
ready: function (event) {
$f(this).jPlayer("setMedia", {
oga:"http://www.jplayer.org/audio/ogg/Miaow-07-Bubble.ogg"
}).jPlayer("play");
},
swfPath: "js",
solution: 'html, flash',
supplied: "m4a, oga",
wmode: "window"
});
$f("#jquery_jplayer_2").jPlayer({
ready: function (event) {
$f(this).jPlayer("setMedia", {
oga:"http://www.davidhornbrook.com/chad/test3/template/David.ogg"
}).jPlayer("play");
},
swfPath: "js",
solution: 'html, flash',
supplied: "m4a, oga",
wmode: "window"
});
$f("#jquery_jplayer_3").jPlayer({
ready: function (event) {
$f(this).jPlayer("setMedia", {
mp3:"http://www.davidhornbrook.com/chad/test3/template/David.mp3"
}).jPlayer("play");
},
swfPath: "js",
solution: 'html, flash',
supplied: "mp3",
wmode: "window"
});
.html文件中的代码如下所示:
<div id="controls-wrapper" class="load-item">
<div id="controls">
<a id="prevslide" class="load-item"></a>
<a id="play-button"><img id="pauseplay" src="img/pause.png" alt="fashion" /></a>
<a id="nextslide" class="load-item"></a>
</div>
<div id="jquery_jplayer_2" class="jp-jplayer"></div>
<div id="jp_container_1" class="jp-audio">
<ul class="jp-controls">
<li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>
<li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>
</ul>
</div>
</div>
我相信有办法做到这一点,但我现在不知所措。任何帮助都将不胜感激。
你可以直接给我发电子邮件到chad的hornbook.com
---------编辑-------------
我这样做只是权宜之计。在html代码中,我添加了以下内容:
<!-- Content -->
<div class="content">
<img src="img/HBLogo903.png" />
</div>
<audio autoplay="">
<source src="David.mp3" type="audio/mpeg" />
<source src="David.ogg" type="audio/ogg" />
</audio>
<!-- /Content -->
无论如何这都不是一个理想的情况,我不知道它是否能在IE 6/7/8中工作
我确实把它作为html的第一行
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
谢谢大家的帮助:)