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>