如何使用 jPlayer 播放 flv 文件？答案

【问题标题】：How play flv files using jPlayer?如何使用 jPlayer 播放 flv 文件？
【发布时间】：2012-05-28 14:10:18
【问题描述】：

我搜索了一下，发现 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"
});

【问题讨论】：

也许你应该在jplayer的支持页面here找到你需要的东西

标签： javascript jquery flv jplayer streaming-flv-video

【解决方案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 文件的。

【讨论】：

您提供的路径应该是相对于我想象的 swf 文件位置，在本例中为 js 文件夹。

【解决方案2】：

希望我只是添加一点信息没关系，公元前。我在 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") });
    });
    //]]>

【讨论】：