Как воспроизводить FLV файлы с помощью jPlayer?

Я гуглил и нашел jPlayer для воспроизведения видеоконтента по сети. Но jPlayer не воспроизводит файлы.flv (флэш-видео). Я правильно указал путь для 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"
});

2 ответа

Решение

Код ниже работал для меня

$("#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.

Надеюсь, это нормально, что я просто добавил немного информации, до нашей эры. У меня та же проблема в IE, но я нашел исправление при поиске в сети.

Можно увидеть, что есть много проблем с IE, и "URL-адрес мультимедиа не может быть загружен" после поиска, я обнаружил, что если я использую FLV-файл для 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. И в конечном итоге это работает на 100% в FF, Safari, IE и iPhone/iPad...

<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") });
    });
    //]]>

Другие вопросы по тегам