那么,使用符合HTML5标准的视频播放器(如Video JS),如何动态加载视频,而无需重新加载整个页面?想象一下,有一个链接列表(类似于播放列表),每个链接都指向一个视频。当单击链接时,我希望将所选视频加载到播放器中。
目前,我正在使用包含视频播放器的IFrame,因此基本上我将变量传递给IFrame并重新加载它。我认为这不是理想的选择,因为它有几个问题:它不允许视频全屏,后退按钮会将IFrame返回而不仅仅是主页面,而且它是一个IFrame。我更愿意避免这种情况。
有什么想法吗?谢谢!
那么,使用符合HTML5标准的视频播放器(如Video JS),如何动态加载视频,而无需重新加载整个页面?想象一下,有一个链接列表(类似于播放列表),每个链接都指向一个视频。当单击链接时,我希望将所选视频加载到播放器中。
目前,我正在使用包含视频播放器的IFrame,因此基本上我将变量传递给IFrame并重新加载它。我认为这不是理想的选择,因为它有几个问题:它不允许视频全屏,后退按钮会将IFrame返回而不仅仅是主页面,而且它是一个IFrame。我更愿意避免这种情况。
有什么想法吗?谢谢!
我想到了一个简单的解决方案。以下是脚本代码;将其放在头部:
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>