Jquery 使用mediaelement每n秒播放一次视频
我在JSFIDLE上有一个中间元素示例,我正在使用它播放视频,并在每52秒后重复一次 这是小提琴 还有htmlJquery 使用mediaelement每n秒播放一次视频,jquery,mediaelement.js,Jquery,Mediaelement.js,我在JSFIDLE上有一个中间元素示例,我正在使用它播放视频,并在每52秒后重复一次 这是小提琴 还有html <video id="youtube1" width="640" height="360" autoplay="true"></video> 视频在52秒后不再播放,这也是视频的长度。您使这比需要的复杂得多。当视频元素的播放结束时,引发结束事件。您可以挂接到该事件,然后通过调用play()再次开始播放视频。这样做的好处是编码简单得多,但如果用户跳过前后的视频
<video id="youtube1" width="640" height="360" autoplay="true"></video>
视频在52秒后不再播放,这也是视频的长度。您使这比需要的复杂得多。当
视频
元素的播放结束时,引发结束
事件。您可以挂接到该事件,然后通过调用play()
再次开始播放视频。这样做的好处是编码简单得多,但如果用户跳过前后的视频,也可以工作。使用当前的方法,计时器很容易与视频状态不同步。试试这个:
var player=new MediaElementPlayer('youtube1'{
类型:['video/webm'],
成功:函数(mediaElement、domObject){
风险值来源=[{
src:“http://corrupt-system.de/assets/media/sintel/sintel-trailer.webm",
键入:“视频/webm”
}];
mediaElement.setSrc(来源);
mediaElement.load();
mediaElement.play();
mediaElement.addEventListener('ended',function(){
这个。play();
})
}
});代码>
您可以使用此代码每2秒钟播放一次视频
vplayer = new MediaElementPlayer('video');
// check if paused
setInterval(function(){
var classList = $('.mejs-playpause-button').attr("class").split(' ');
for (var i = 0; i < classList.length; i++) {
if (classList[i] === 'mejs-play') {
vplayer.play();
}
}
},2000);
// without check paused
setInterval(function(){
vplayer.play();
},2000);
vplayer=new MediaElementPlayer(“视频”);
//检查是否暂停
setInterval(函数(){
var classList=$('.mejs播放暂停按钮').attr(“类”).split('');
对于(var i=0;i
我可以像这样切换视频,但5秒后如何切换到播放另一个视频。
vplayer = new MediaElementPlayer('video');
// check if paused
setInterval(function(){
var classList = $('.mejs-playpause-button').attr("class").split(' ');
for (var i = 0; i < classList.length; i++) {
if (classList[i] === 'mejs-play') {
vplayer.play();
}
}
},2000);
// without check paused
setInterval(function(){
vplayer.play();
},2000);