Html5视频播放列表无法使用。另外，如何让它在每次完成后循环遍历这两个项目 [英] Html5 video Playlist won't work. Also how do I get it to loop through the two items after each complete

问题描述

我试图让视频播放器在用户点击播放后连续循环播放另一个剪辑。以下是我到目前为止的信息

I'm trying to get the video player to play one clip after the other in a continuous loop once the user clicks play. Here's what I've got so far

代码：

<video id="video" src="http://media.w3.org/2010/05/sintel/trailer.mp4" autoplay autobuffer controls />


    var videoPlayer= document.getElementById('video');
    videoPlayer.onend = function(){  
    videoPlayer.src = "http://www.mp4point.com/downloads/8feeca1a540b.mp4";
    }

JsFiddle： http://jsfiddle.net/3uRq6/3/

JsFiddle: http://jsfiddle.net/3uRq6/3/

推荐答案

这有效：

var videoPlayer= document.getElementById('video');

videoPlayer.addEventListener('ended', function(){
    this.pause();
    this.src = "http://www.mp4point.com/downloads/8feeca1a540b.mp4";
}, false);

更新小提琴： http://jsfiddle.net/3uRq6/7/

这篇关于Html5视频播放列表无法使用。另外，如何让它在每次完成后循环遍历这两个项目的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！