jPlayer和IE10 - SCRIPT438:对象不支持属性或方法'jPlayer'

时间:2013-12-01 17:23:07

标签: javascript jquery internet-explorer internet-explorer-10 jplayer

我在一个非常简单的安装程序中使用jPlayer,但是我不能让它以稳定的方式工作,这很令人困惑,因为我真的只使用jPlayer的Basic部分。基本上,它只包含一个播放暂停按钮。我虽然每个站点有六个玩家。对于许多浏览器而言,在大多数情况下这似乎都有效。没有浏览器显示100%稳定的代码。不过,我主要是在使用IE10时遇到了麻烦,这就是我真正需要它的工作。

在约60%的情况下,我收到带有此代码的错误消息。

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="http://www.unipark.de/uc/musikmaerkte/images/jquery.jplayer.min.js"></script>
<script type="text/javascript">
    $(function() {
        $("#jquery_jplayer_1").jPlayer({
            ready: function() {$(this).jPlayer("setMedia", {mp3: "[media here]", oga: "[media here]", m4a: "[media here]"});},
            play: function() {$(this).jPlayer("pauseOthers");},
            ended: function() {$(this).jPlayer("play");},
            swfPath: "[swfPath]",
            wmode:  "window",
            supplied: "mp3, ogg, m4a"
        }); 
        $("#jquery_jplayer_2").jPlayer({
            ready: function() {$(this).jPlayer("setMedia", {mp3: "[media here]", oga: "[media here]", m4a: "[media here]"});},
            play: function() {$(this).jPlayer("pauseOthers");},
            ended: function() {$(this).jPlayer("play");},
        swfPath: "[swfPath]",
        wmode: "window",
            supplied: "mp3, ogg, m4a",
            cssSelectorAncestor: "#jp_container_2"
        }); 

与第二个玩家相同的代码用于另外4个玩家。 (我不得不取出媒体链接和swfPath,因为stackoverflow不会让我。我100%肯定他们正在工作。)

控制台(F12)中的错误消息为

SCRIPT438: Object doesn't support property or method 'jPlayer'

并参考上面代码提取的第6行和第14行(对于每个玩家,总共6次)。

每当错误发生时,我随后都无法使用播放器,点击播放按钮不会改变任何内容。当错误没有出现时(大约40%的情况),一切似乎都正常。让我感到困惑的是,它并没有以可计算的方式表现,并且它在工作时和不工作时似乎是完全随意的。

对于每个玩家,HTML部分都像这样松散:

<div id="jquery_jplayer_6" class="jp-jplayer"></div>
    <div id="jp_container_6" class="jp-audio">
        <div class="jp-type-single">
            <div class="jp-gui jp-interface">
                <div class="jp-controls">
                    <a href="javascript:;" class="jp-play" tabindex="1"><img src="images/play.png" /></a>
                    <a href="javascript:;" class="jp-pause" tabindex="1"><img src="images/pause.png" /></a>
                </div>
            </div>
            <div class="jp-no-solution">
                <span>NoFlash</span>
            </div>
        </div>
    </div>                          
</div>

已经有很多时间用来测试它,虽然我几乎可以肯定,HTML部分很好,但我对这部分的评论感到高兴!

我已经尝试过以稳定的方式工作:

  • $(document).ready(function(){...} 而不是 $(function(){...}
  • 确保引用的文件和文件夹有效。
  • 我尝试在构造函数中使用解决方案:“flash,html”来使用flash回退。虽然没有改变任何东西。
  • 我阅读了很多关于jPlayer的兼容性问题或者特定错误SCRIPT438的其他帖子,但似乎没有任何解决方案适用于这种情况。

任何提示,想法,解决方案?我们欢迎每一个想法。干杯!

1 个答案:

答案 0 :(得分:0)

我想你现在已经解决了这个问题,但是当jplayer JavaScript文件没有被正确引用时,我收到了同样的问题。也许下载脚本文件并使用相对src路径引用它们可能会有所帮助。