0

私は次のようなビデオURLのオブジェクトを持っています：

  var urls = new Object();

  urls['cail_ivt'] = {'mp4_url': http://link_to_.mp4', 'webm_url': 'http://link_to_.webm', 'flv_url': 'http://link_to_.flv' };

  urls['cail_ty'] = {'mp4_url': 'http://link_to_.mp4', 'webm_url': 'http://link_to_.webm', 'flv_url': 'http://link_to_.flv' };

  urls['cail_1'] = {'mp4_url':       'http://link_to_.mp4', 'webm_url': 'http://link_to_.webm', 'flv_url': 'http://link_to_.flv' };

  urls['cail_2'] = {'mp4_url': 'http://link_to_.mp4', 'webm_url': 'http://link_to_.webm', 'flv_url': 'http://link_to_.flv' };

  urls['cail_3'] = {'mp4_url': 'http://link_to_.mp4', 'webm_url': 'http://link_to_.webm', 'flv_url': 'http://link_to_.flv' };


_V_.options.flash.swf = 'http://static_server/video-js.swf';

idがurlsオブジェクトのキーであるアンカータグがたくさんあります。

次に、これらのアンカークリックをバインドし、適切なビデオをプレーヤーdivにロードして表示するために、小さなjsを作成しました。表示も再生もされません。これはie9でのみ発生するようです。

    $('ul a.play_button').click(function() {

    var campaign_id = $(this).attr('id');

    var mp4_url  = urls[campaign_id].mp4_url;
    var webm_url = urls[campaign_id].webm_url;
    var flv_url  = urls[campaign_id].flv_url;   

    var video_player = '<video id="video" class="video-js vjs-default-skin" controls preload="none" width="640" height="360" poster="" data-setup="{}"> '
                                   + '<source id="mp4"   src="'+mp4_url+'" type="video/mp4" />'
                                   + '<source id="flash" src="'+flv_url+'" type="video/flv" />'
                                   + '<source id="webm"  src="'+webm_url+'" type="video/webm" />'
                                   + '</video>';
    $('#player').empty();
    $('#player').html(video_player);                                
});

これがプレーヤーで複数のビデオを処理するための最良の方法であるかどうかはわかりませんが、私が思いついたのはそれです。議論と助けに大いに感謝します。

4

1 に答える 1

0

videojsに関する他の問題と同様です。プレーヤーに設定された変数を宣言する必要がありました。

 var mplayer = _V_('video');

同じページに他のビデオをロードするときは、プレーヤーを一時停止し、ビデオの先頭に巻き戻して、新しいビデオソースを設定します。

 mplayer.pause();
 mplayer.currentTime(0);
 mplayer.src([{ type: "video/mp4", src: mp4_url },{ type: "video/webm", src: webm_url },{ type: "video/flv", src: flv_url }]);
于 2012-11-21T17:34:34.327 に答える