我在HTML5中使用jplayer进行音频播放。当我在Visual Studio 2010中测试并在浏览器中查看(来自VS2010)时,音频有效。但是,如果我不在VS2010中并双击.htm文件以在浏览器中查看音频不起作用。我正在使用IE9。这是我的代码:
HTML5:
<script type="text/jscript" src="jQuery.jPlayer.2.2.0/jquery.jplayer.min.js"></script>
<!-- <script type="text/jscript" src="http://www.jplayer.org/2.2.0/js/jquery.jplayer.min.js"></script> -->
Jquery的:
$(document).ready(function () {
$("#jpId").jPlayer({
ready: function () {
$(this).jPlayer("setMedia", {
mp3: "/HolidayCard/179_short_all-the-family-together_0033.MP3"
}).jPlayer("play");
},
//swfPath: "http://www.jplayer.org/latest/js/Jplayer.swf",
swfPath: "http://www.jplayer.org/2.2.0/js",
solution: "html,flash",
supplied: "mp3",
wmode: "window"
});
});
HTML5 div标签:
<div id="jpId" ></div>
答案 0 :(得分:0)
这很可能是因为没有文件的绝对路径。如果你在visual studio中查看它,它很可能知道你的文件的相对路径,这就是你可以通过VS查看它的原因。尝试添加.htm文件的完整路径,看看是否有帮助。您还可以使用Chrome开发工具,Firebug或IE开发工具来查看.htm文件发生的错误,以帮助您解决问题。一般来说,根据经验,大多数测试应该通过浏览器而不是VS浏览器完成。此外,如果这是一个用于实时网站的网页,我建议在3个主流浏览器(IE,Chrome和Firefox)中进行测试,以确保跨浏览器兼容性。