那么,使用兼容 HTML 5 的视频播放器(如 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>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)