用于视频的 jplayer 仅适用于 Chrome - 不适用于 FireFox 或 IE8答案

【问题标题】：jplayer for video only works in Chrome - not FireFox or IE8用于视频的 jplayer 仅适用于 Chrome - 不适用于 FireFox 或 IE8
【发布时间】：2011-10-18 19:58:20
【问题描述】：

我没有找到太多的支持，所以我猜我的 jQuery 有一个简单的问题。为什么这只能在 Chrome 中播放，而不能在 FireFox 7.0.1 或 IE8 中播放

<script type="text/javascript">
    $(document).ready(function () {

        $("#jquery_jplayer_1").jPlayer({
            ready: function () {
                $(this).jPlayer("setMedia", {
                    m4v: "Media/sample_iPod.m4v"
                }).jPlayer("play");
            },
            swfPath: "../Data/Sites/1/skins/CCG/js/Jplayer.swf",
            supplied: "m4v",
            size: {
                width: "640px",
                height: "360px",
                cssClass: "jp-video-360p"
            }
        });
    });
</script>


<div id="jquery_jplayer_1" class="jp-jplayer">
</div>

感谢任何帮助。

【问题讨论】：

尽量不要为 swfPath 使用相对路径

标签： jquery jplayer m4v

【解决方案1】：

$(document).ready(function(){
  $("#jpId").jPlayer({
        volume: 0.10,
        solution:"html,flash",
        mode: 'window', // this row is somehow crucial for safari
        preload:"auto",
        loop: true,
        errorAlerts: true,
        cssSelectorAncestor: "",
        cssSelector: {
           play: ".play",
           pause: ".pause",
        },
        ready: function () {
            $(this).jPlayer("setMedia", {
                oga: "http://www.mydomain.com/silentnight.ogg",
                m4a: "http://www.mydomain.com/silentnight.m4a",
                mp3: "http://www.mydomain.com/silentnight.mp3"
            }).jPlayer("play"); // Attempts to Auto-Play the media
        },
        supplied: "mp3,m4a",  //,oga
        swfPath: "/js"
  });
});

注意：这是用于音频的，但我想它对视频也适用，所以你可以试一试。

我已经浪费了一整天的时间试图让它在 ie8 上运行，但是当你查看 jPlayer 主页上的演示时，它们也无法运行。微软应该宣布 IE8 死亡。

有了这个，我至少设法让它与 FF、Chrome 和 Safari 一起工作。据我了解 2.1.0 版本有问题，他们 google 小组中的一些人建议降级到 2.0.0

【讨论】：

【解决方案2】：

我的理解是，如果浏览器退回到 Flash，它将从用户位置调用媒体，而不是服务器位置。尝试对您的媒体使用绝对网址。

m4v: "http://<yourHost>/Media/sample_iPod.m4v"

【讨论】：

以上代码行并不能解决mozilla firefox和internet explorer IE8的问题。

【解决方案3】：

在我的例子中，有一大堆问题阻止 jPlayer 在 IE8 中工作：

IE8 作为后备加载的 swf 文件路径错误。我在 Fiddler 中查看 http 流量时注意到了这一点。
SWF 文件本身丢失，必须从 demos 文件夹中复制并安装在 swfPath 中
视频必须使用以下设备重新编码：iPod，Web 已在 Handbrake 中优化为 m4v。
它需要一张海报图片或它加载的 Flash 播放器出现在 jPlayer 下方。

终于成功了！

【讨论】：