HTML5视频播放器：动态加载视频

Question

那么，使用符合HTML5标准的视频播放器（如Video JS），如何动态加载视频，而无需重新加载整个页面？想象一下，有一个链接列表（类似于播放列表），每个链接都指向一个视频。当单击链接时，我希望将所选视频加载到播放器中。

目前，我正在使用包含视频播放器的IFrame，因此基本上我将变量传递给IFrame并重新加载它。我认为这不是理想的选择，因为它有几个问题：它不允许视频全屏，后退按钮会将IFrame返回而不仅仅是主页面，而且它是一个IFrame。我更愿意避免这种情况。

有什么想法吗？谢谢！

- Benjamin Allison

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>

- Benjamin Allison

---

旧的解决方案，正是我所需要的。简单、快速。 - Ken Ingram