0

我搜索了一下，发现 jPlayer 可以通过网络播放视频内容。但是 jPlayer 不播放 .flv (flash video) 文件。我正确地提到了 swf 播放器的路径。它位于 js 文件夹内，而 js 文件夹与我的 example.html 代码文件所在的位置相同。我的代码如下 example.html

$("#jquery_jplayer_1").jPlayer({
        ready: function () {
          $(this).jPlayer("setMedia", {
            m4v: "media/royalrumble.mp4",
            flv: "media/royalrumble.flv",
            poster: "media/royalrumble.jpg"
        });
    },
    swfPath: "js",
    supplied: "m4v, flv"
});
4

2 回答 2

0

下面的代码对我有用

$("#jquery_jplayer_1").jPlayer({
        ready: function () {
         $(this).jPlayer("setMedia", {
            m4v: "../media/royalrumble.mp4",
            flv: "../media/royalrumble.flv",
            poster: "media/royalrumble.jpg"
         });
    },
    swfPath: "js",
    supplied: "m4v, flv",
});

我不知道为什么？媒体目录与我的代码所在的位置相同。仍然不接受

m4v: "media/royalrumble.mp4",
flv: "media/royalrumble.flv",

和

m4v: "../media/royalrumble.mp4",
flv: "../media/royalrumble.flv",

工作正常。

这意味着提供的路径应该是相对于 jPlayer.swf 文件的。

于 2012-05-28T14:41:10.187 回答
0

希望没关系，我只是添加一些信息，公元前。我在 IE 中遇到了同样的问题，但找到了一个搜索网络的修复程序。

可以看到IE有很多问题，搜索后“无法加载媒体URL”，我发现如果我对IE使用FLV fil并对路径做了../，那么它将适用于IE。

所以我从这个开始。

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

            $("#jquery_jplayer_1").jPlayer({
                ready: function () {
                    $(this).jPlayer("setMedia", {
                        mp4: "video/Soccer.mp4",
                        webmv: "video/Soccer.webm",
                        flv: "video/Soccer.flv",
                        m4v: "video/Soccer.m4v",
                        ogv: "video/Soccer.ogv",
                        poster: "video/Soccer.png"
                    });
                },
                //error: function (event) {
                   // console.log(event.jPlayer.error);
                   // console.log(event.jPlayer.error.type);
                //},
                swfPath: "add/jplayer.swf",
                errorAlerts: true,
                supplied: "mp4, webmv, flv, m4v, ogv",
                solution: "html,flash",
                size: {
                    width: "640px",
                    height: "360px",
                    cssClass: "jp-video-360p"
                },
                smoothPlayBar: true,
                keyEnabled: true
            });


            $("#jplayer_inspector").jPlayerInspector({ jPlayer: $("#jquery_jplayer_1") });
        });
        //]]>
</script>

这在 IE 中不起作用，但在 FF 和 Safari、iPhone/iPad 中不起作用。最后，这在 FF、Safari、IE 和 iPhone/iPad 中 100% 有效……

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

        $("#jquery_jplayer_1").jPlayer({
            ready: function () {
                $(this).jPlayer("setMedia", {        
                    mp4: "video/Soccer.mp4",
                    webmv: "video/Soccer.webm",  //WEBM. works for FF
                    flv: "../video/Soccer.flv",  //FLV. works for IE, but u need ../ in front of the path...
                    m4v: "video/Soccer.m4v",  //M4V. works for FF, Saf, iPhone/iPad
                    ogv: "video/Soccer.ogv",                   
                    poster: "video/Soccer.png"
                });
            },
            //error: function (event) {
               // console.log(event.jPlayer.error);
               // console.log(event.jPlayer.error.type);
            //},
            swfPath: "add/jplayer.swf",
            errorAlerts: true,
            supplied: "mp4, webmv, flv, m4v, ogv",
            solution: "html,flash",
            size: {
                width: "640px",
                height: "360px",
                cssClass: "jp-video-360p"
            },
            smoothPlayBar: true,
            keyEnabled: true
        });


        $("#jplayer_inspector").jPlayerInspector({ jPlayer: $("#jquery_jplayer_1") });
    });
    //]]>

于 2013-06-26T15:03:48.183 回答