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>