jplayer for video 仅适用于 Chrome - 不适用于 FireFox 或 IE8

Question

我没有找到对此的太多支持，所以我猜测我的 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>

任何帮助都值得赞赏。

Answer 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

Answer 2

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

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

Answer 3

就我而言，有一大堆问题阻止了 jPlayer 在 IE8 中工作：

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

终于成功了！