HTML5视频播放器:动态加载视频
问题描述:
因此,使用符合HTML 5的视频播放器(如Video JS)将如何动态加载视频,而无需重新加载整个页面?想象一下,链接列表(类似播放列表),每个链接指向一个视频。点击链接时,我想将所选视频加载到播放器中。HTML5视频播放器:动态加载视频
目前,我使用一个持有视频播放器的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>
老办法,是我需要的。简单。快。 – 2017-07-01 01:39:01