如何解决第二次后的 Html5 视频播放列表触发事件
我需要在我的 Cordova/framework7 应用程序中连续循环播放许多视频。
第一个视频结束后,我需要开始第二个视频和视频 3,依此类推
<video id="myVideo" muted width="100%" height="100%"></video>
// PLAYLIST
var videoNum = 0
var videoCount = list_spot_file.length;
var video = document.getElementById("myVideo")
video.onended = function() {
playSpot()
};
function playSpot() {
console.log('4 videoNum',videoNum);
if (videoNum == videoCount) {
videoNum = 0
}
console.log('1',list_spot_file);
console.log('2',list_spot_file[videoNum]['file']);
console.log('3 videoCount',videoCount);
if (list_spot_file[videoNum]['status'] == 1) {
video.setAttribute("src",image_local_path + list_spot_file[videoNum]['file']);
// video.load();
// video.play();
} else {
videoNum++
playSpot()
return;
}
videoNum++
}
playSpot()
首先在我的页面开始播放视频,然后在结束时重新播放第一个视频。
在第一个视频的第二个结尾之后,javascript 会触发已结束的视频。视频 2、视频 3 等也是如此。
为什么?
我需要播放一次视频并连续循环播放。
谢谢。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。