如何使用jPlayer播放flv文件

Question

我用谷歌搜索，发现jPlayer可以通过网络播放视频内容。但是jPlayer不播放.flv（flash视频）文件。我正确提到了 swf 播放器的路径。它位于JS文件夹内，JS文件夹位于我的示例.html代码文件所在的同一杠杆处。我的代码如下例所示.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"
});

Answer 1

下面的

代码对我有用

$("#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文件。

Answer 2

希望没问题，我只是添加一点信息，bc。 我在IE中遇到了同样的问题，但是在搜索网络上找到了解决方法。

可以看到IE有很多问题，搜索后"无法加载媒体URL"，我发现如果我将FLV fil用于IE并做了一个../到路径，那么它将适用于 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") });
    });
    //]]>