一頁上的video js ie9多個URL

Question

我有一個視頻網址對象，如下所示：

  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對象的關鍵：

然后，我寫了一些js來綁定這些錨點，並將適當的視頻加載到播放器div中並顯示它。 它從不顯示也不播放。 這似乎只發生在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);                                
});

不確定這是否是在播放器中處理多個視頻的最佳方法，但這就是我想到的。 討論和幫助深表感謝。

Answer 1

類似於我對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 }]);