jPlayer：不在 Firefox 上加载 jPlayer.swf答案

【问题标题】：jPlayer: not loading jPlayer.swf on FirefoxjPlayer：不在 Firefox 上加载 jPlayer.swf
【发布时间】：2012-09-22 17:38:38
【问题描述】：

我使用 WordPress 和套件 Elegant Themes 中的主题“Gleam”构建了网站 http://www.ordinarypeopleofficial.com。这个主题非常复杂。它大量使用 JavaScript。它有一个名为 custom.js 的 700 行代码长文件，它使用 AJAX 管理整个网站。

出于这个原因，我无法包含将 jPlayer 加载到 PHP 脚本中的 JavaScript 代码，但我需要将其放入单独的 JavaScript 文件并从 custom.js 调用此文件。

在 custom.js 中，我添加了以下几行，其中包括我的名为 chiama-player.js 的文件到 <head> 标记中：

var html_doc = document.getElementsByTagName('head').item(0);
var js = document.createElement('script');
js.setAttribute('language', 'javascript');
js.setAttribute('type', 'text/javascript');
js.setAttribute('src', "/wp-content/themes/Gleam/chiama-player.js");
html_doc.appendChild(js);

名为 chiama-player.js 的文件包含实例化 jPlayer 的代码：

$(document).ready(function() {
if(window.location.href=="http://www.ordinarypeopleofficial.com/#!/le-canzoni/" || window.location.href=="http://www.ordinarypeopleofficial.com/le-canzoni/"){
    $("#jp_container_1").css( { 'display': 'block' } );
    $("#jquery_jplayer_1").jPlayer( {
        ready: function () {
            $(this).jPlayer("setMedia", {
                m4a: "http://www.ordinarypeopleofficial.com/wp-content/themes/Gleam/shakeit.m4a",
            });
        },
        swfPath: "http://www.ordinarypeopleofficial.com/wp-content/themes/Gleam/jplayer",
        supplied: "m4a"
    });
}
else{
    $("#jp_container_1").css( { 'display': 'none' } );
}
});

问题：在支持 M4A 的浏览器上一切正常。

问题来自 Firefox。 Firefox 不支持 M4A，因此它需要 Flash 后备才能工作。当我尝试在 Firefox 上加载页面时，我看到 swfPath 被正确识别（事实上，如果我更改路径并输入一些随机文本，我会在 Net 面板中看到 404 )。

问题是请求 GET Jplayer.swf 永远不会得到结果，并且会持续加载几个小时而没有得到文件。

【问题讨论】：

如果您找到了解决方案，请输入一个答案。这一点很重要，这样问题就不再被记录为未回答！
2) 我复制了 jquery.jplayer.min.js 文件的内容并将其全部粘贴（我知道，这很糟糕，但它有效）。大声笑..干得好！

标签： flash firefox firebug jplayer fallback

【解决方案1】：

进入文件custom.js，在函数et_init_scripts()的末尾我做了以下步骤：

我删除了我写的行，所以我不再调用我的文件 chiama-player.js
我复制了文件 jquery.jplayer.min.js 的内容并全部粘贴。（我知道，这很可怕，但它确实有效。）
在这些行之后，我复制了 chiama-player.js 的内容（它创建了 jPlayer）。

【讨论】：