Question

我需要播放视频并无缝循环定义的次数，然后跳到下一个视频并无缝循环定义的次数，依此类推，直到播放列表结束。

在一个页面中，用户定义要播放的视频，以及它将“循环”（或迭代）的次数。这些使用会话变量存储为：

$_SESSION["Exer[" .$x. "]"]

$_SESSION["Reps[" . $x. "]"]。

我忽略了这方面（php的东西）目前

我有独立工作的代码，循环播放和播放播放列表的代码，但我似乎无法管理它们的合并以实现功能。代码如下：

HTML

<video width="320" height="240" id="myVideo" autoplay="autoplay">
</video>

的JavaScript 对于循环：

<script>
var iterations = 1;

document.getElementById('iteration').innerText = iterations;
document.getElementById('myVideo').src = "Video/01.mp4";
myVideo.addEventListener('ended', function () {    

    if (iterations < 3) {       

        this.currentTime = 0;
        this.play();
        iterations ++;

        document.getElementById('iteration').innerText = iterations;

    }   

}, true);
</script>

播放列表：

<script>
var videoSource = new Array();
videoSource[0] = "Video/01.mp4";
videoSource[1] = "Video/02.mp4";
videoSource[2] = "Video/03.mp4";
videoSource[3] = "Video/04.mp4";
var i = 0; // define i
var videoCount = videoSource.length;

function videoPlay(videoNum) {
    document.getElementById("myVideo").setAttribute("src", videoSource [videoNum]);
    document.getElementById("myVideo").load();
    document.getElementById("myVideo").play();
}
document.getElementById('myVideo').addEventListener('ended', myHandler, false);
videoPlay(0); // play the video


function myHandler() {
    i++;
    if (i == (videoCount - 1)) {
        i = 0;
        videoPlay(i);
    } else {
        videoPlay(i);
    }
}
</script>

感谢任何帮助。

Answer 1

请检查一下，这个java脚本代码将重播视频所提及的次数，然后播放下一个视频（如果存在于播放列表中）：

<div [ngClass]="displaysidebar? 'col-md-9': 'col-md-12';">

工作jsfiddle（小提琴更新）

视频播放循环播放另一个ja

1 个答案: