HTML5視頻播放器：動態加載視頻

Question

因此，使用符合HTML 5的視頻播放器（如Video JS）將如何動態加載視頻，而無需重新加載整個頁面？想象一下，鏈接列表（類似播放列表），每個鏈接指向一個視頻。點擊鏈接時，我想將所選視頻加載到播放器中。

目前，我使用一個持有視頻播放器的Iframe，所以基本上我將一個變量傳遞給Iframe，然後重新載入它。我不認爲這是理想的，原因如下：它不允許視頻全屏顯示，後退按鈕將Iframe移回主頁面，再加上它是一個Iframe。我寧願避免這一點。

想法？謝謝！

Answer 1

想出了一個簡單的解決方案。這是腳本;在頭拋出這樣的：

function vidSwap(vidURL) { 
var myVideo = document.getElementsByTagName('video')[0]; 
myVideo.src = vidURL; 
myVideo.load(); 
myVideo.play(); 
} 

然後是HREF會調用該函數：

<a href="#" onClick="javascript:vidSwap('myMovie.m4v'); return false;">Link</a>