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版本有问题，他们谷歌小组的一些人建议降级到2.0.0

Answer 2

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

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

Answer 3

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

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

最后它奏效了！

视频jplayer仅适用于Chrome - 而非FireFox或IE8

3 个答案: