1

アップデート

  • Rackspace WORKS から「ダイレクト/ダウンロード URL」が表示されます。
  • しかし、FloPlayerで動作していた「ストリームURL」がjwPlayerでは動作しない!?

画像をロードすることができます。記事の ajax から URL を取得することもできます。ビデオ以外のすべてを機能させることはできません。正直なところ何が悪いのかわかりません。

頭

<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.10.3.custom.min.js"></script>
<script type="text/javascript" src="js/jdPlugs.js"></script> // personal lib (jQuery extendor)

<script type="text/javascript" src="js/jwplayer/jwplayer.js"></script>
<script type="text/javascript">jwplayer.key="";</script>

JS (フル)

var rackCDN = "http:// rackspace cloud link .com";

(function($) {
    if (!$.jwplayer) {
        $.extend({
            jwplayer: function(elm, command, args) {
                if ($.jwplayer.methods[arguments[0]]) return $.jwplayer.methods[arguments[0]].apply(this, Array.prototype.slice.call(arguments, 1));
                if (typeof elm == "string") return jwplayer(elm);
                return jwplayer(elm.prop("id"));
            }
        });
        $.jwplayer.methods = {
            load: function() { return jwplayer().load([arguments[0]]); },
            play: function() { return jwplayer().play(); },
            pause: function() { return jwplayer().pause(); }
        }
    }
})(jQuery);

function liClick() {
    var key = $(this).data("key"),
        opts = {
            file: rackCDN+key,
            image: rackCDN+key
        };
    console.log(opts);
    $.jwplayer("load", opts);
}

$(function() {
    $.jwplayer("testPlayer01").setup({
        file: "http:// rackspace cloud link .com/2013/03/20130303-message-service-hd.mp4",
        image: "http:// rackspace cloud link .com/video-stills/large/542.jpg",
        provider: "<?php echo(base_url('js/jwplayer/AkamaiAdvancedJWStreamProvider.swf')); ?>",
        height: "480",
        width: "600"
    });

    $("li a").on("click", liClick);

    $("button").on("click", function(e) {
        $.jwplayer($.trim($(this).text()));
    });

    $("h3").css({ cursor: "pointer" }).on("click", function(e) {
        $.getJSON($.myURL("controllers/getList.php"), function(data) {
            console.log(data)
            if ($.objLength(data) > 0) {
                $("ul").empty();
                for (x in data) {
                    $("<li />").append($("<a />", { "data-key": data[x].name, href: "javascript:void(0)", text: data[x].name })).appendTo($("ul"));
                }
                $("li a").on("click", liClick).first().click();
            }
        });
    })
})

JS (フォーカル ポイントだと思います)

$.jwplayer("testPlayer01").setup({
    file: "http:// a working link .mp4",
    image: "http:// a working link .jpg",

    // link tested, file does reside here
    provider: "<?php echo(base_url('js/jwplayer/AkamaiAdvancedJWStreamProvider.swf')); ?>", 
    height: "480",
    width: "600"
});

はい、ヘッダーにはインクルードがありますが、jwerror、コード 4 以外のコンソール エラーは発生しません。

MediaError
    code: 4
    __proto__: MediaError
    MEDIA_ERR_ABORTED: 1
    MEDIA_ERR_DECODE: 3
    MEDIA_ERR_ENCRYPTED: 5
    MEDIA_ERR_NETWORK: 2
    MEDIA_ERR_SRC_NOT_SUPPORTED: 4
4

0 に答える 0