javascript - 从 Javascript 脚本中循环播放 Html 视频

Question

我正在使用 seekStart 和 seekEnd 值播放视频，我想在视频结束时重复视频，我在代码下方运行当视频在 10 秒内开始并在 20 秒处暂停时，视频不再运行。我怎样才能做到这一点？

        var video = document.getElementById('video');
        var source = document.createElement('source');
     //set Volume
        document.getElementsByTagName('video')[0].volume = volume / 10;
     //set src 
        source.setAttribute('src', fileName);
        video.appendChild(source);
     //set seekStart
        video.addEventListener('loadedmetadata',function(){
            this.currentTime = seekStart;   
        },false);


     //set SeekEnd     
        video.addEventListener('timeupdate',function(){
             if(this.currentTime > seekEnd){
                 this.pause();
             }   
        });
     //looping
         video.addEventListener('ended', function () {

            this.play();

        }, false);


        video.play();

标签： javascripthtmlvideo

Answer 1

我不确定您希望搜索功能如何工作，但是要在视频结束时循环回到起点，您还需要将时间设置回起点：

    video.addEventListener('ended', function () {

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

        }, false);