popcorn.js 是否可以检测到切换视频并在不重启的情况下继续?
Can popcorn.js detect switching videos and continue without restarting?
我正在制作互动视频,我刚刚开始使用 popcorn.js
我有一个视频,在视频的某个点上,我有 2 个按钮可以指向另一个视频。我的问题是,我创建的在第一个视频中的特定时间弹出的所有文本也会在其他视频中弹出。
这是第一个视频:
<video id="main-video" src="DSC_0010_1.mp4" video muted></video>
这是爆米花部分:
document.addEventListener("DOMContentLoaded",函数(){
var pop = Popcorn("#main-video");
pop.footnote({
start: 2,
end: 15,
text: "<br>Dobrodošel popotnik, <br> na kratko bi ti rad predstavil mesto Ptuj...",
target: "video-text"
});
pop.play();
}, false);
这是切换到另一个视频的部分:
function vidSwap(vidURL) {
var myVideo = document.getElementsByTagName('video')[0];
myVideo.src = vidURL;
myVideo.load();
myVideo.play();
}
这是按钮之一:
<button class="gumb-podlaga" href="#" onClick="javascript:vidSwap('dominikanski-mesto.mp4'); return false;">Staro mestno jedro</button>
我正在寻找答案,如果有任何解决方案,爆米花可以检测到切换视频源并不意味着从头开始。
尝试在加载视频前记录时间,然后在播放前设置:
function vidSwap(vidURL) {
var myVideo = document.getElementsByTagName('video')[0];
var currentTime = myVideo.currentTime;
myVideo.src = vidURL;
myVideo.load();
myVideo.currentTime = currentTime;
myVideo.play();
}
我正在制作互动视频,我刚刚开始使用 popcorn.js 我有一个视频,在视频的某个点上,我有 2 个按钮可以指向另一个视频。我的问题是,我创建的在第一个视频中的特定时间弹出的所有文本也会在其他视频中弹出。
这是第一个视频:
<video id="main-video" src="DSC_0010_1.mp4" video muted></video>
这是爆米花部分:
document.addEventListener("DOMContentLoaded",函数(){
var pop = Popcorn("#main-video");
pop.footnote({
start: 2,
end: 15,
text: "<br>Dobrodošel popotnik, <br> na kratko bi ti rad predstavil mesto Ptuj...",
target: "video-text"
});
pop.play();
}, false);
这是切换到另一个视频的部分:
function vidSwap(vidURL) {
var myVideo = document.getElementsByTagName('video')[0];
myVideo.src = vidURL;
myVideo.load();
myVideo.play();
}
这是按钮之一:
<button class="gumb-podlaga" href="#" onClick="javascript:vidSwap('dominikanski-mesto.mp4'); return false;">Staro mestno jedro</button>
我正在寻找答案,如果有任何解决方案,爆米花可以检测到切换视频源并不意味着从头开始。
尝试在加载视频前记录时间,然后在播放前设置:
function vidSwap(vidURL) {
var myVideo = document.getElementsByTagName('video')[0];
var currentTime = myVideo.currentTime;
myVideo.src = vidURL;
myVideo.load();
myVideo.currentTime = currentTime;
myVideo.play();
}