jplayer在Visual Studio 2010中工作,但不在浏览器中工作

时间:2012-11-30 17:12:54

标签: html5 jplayer

我在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>

1 个答案:

答案 0 :(得分:0)

这很可能是因为没有文件的绝对路径。如果你在visual studio中查看它,它很可能知道你的文件的相对路径,这就是你可以通过VS查看它的原因。尝试添加.htm文件的完整路径,看看是否有帮助。您还可以使用Chrome开发工具,Firebug或IE开发工具来查看.htm文件发生的错误,以帮助您解决问题。一般来说,根据经验,大多数测试应该通过浏览器而不是VS浏览器完成。此外,如果这是一个用于实时网站的网页,我建议在3个主流浏览器(IE,Chrome和Firefox)中进行测试,以确保跨浏览器兼容性。