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>