使用 Vimeo 进行视频控制 API

Question

我这里有一个 vimeo JavaScript，谁能告诉我是否可以让 vimeo 视频在完成后开始播放；

这是我目前使用 JavaScript

的代码

// JavaScript Document

var animSpeed = 400;

function onPlay(id) {
jQuery('.blankOverlay').fadeIn(animSpeed);
jQuery('h2').text('You clicked play!');
}

function onPause(id) {

jQuery('.blankOverlay').fadeOut(animSpeed);
jQuery('h2').text('The video is paused.');
}

function onFinish(id) {
jQuery('.blankOverlay').fadeOut(animSpeed);
jQuery('h2').text('The video has now finished.');
}


jQuery(function($) {
// ---------------------------------------------------------------------------------------------

// --------------------------------------------- PHYSICIAN INDIVIDUAL PAGES --
/* ----- video player api (vimeo) ----- */
var iframe = $('#vplayer')[0],
player = $f(iframe);

// When the player is ready, add listeners for play, pause, finish, and playProgress
player.addEvent('ready', function() {

player.addEvent('play', onPlay);
player.addEvent('pause', onPause);
player.addEvent('finish', onFinish);
player.addEvent('playProgress', onPlayProgress);

});

$('.introContent, iframe').click(function(){    $('.blankOverlay').fadeIn(animSpeed); });
$('.blankOverlay').click(function(){ $(this).fadeOut(animSpeed);  player.api('pause'); });

// ---------------------------------------------------------------------------------------------
});

Answer 1

在 finish 事件处理程序中尝试 player.api('play');。

像这样

player.addEvent('finish', onFinish);

function onFinish(){
  player.api('play'); // this should take the video to the start again
}

如果您只想将视频恢复到初始状态，您可以使用

player.api('unload'); // this should take the video to initial state but will not automatically start

这里有一个updated demo and here is the reference更多的方法。

更新

变量player在函数内部定义并从外部访问
事件处理程序 onPlayProgress 根本没有定义，引发错误。

Here is an updated demo

希望对您有所帮助。

使用 Vimeo 进行视频控制 API

Video control using Vimeo API

javascript

video

vimeo

video-player

froogaloop

更新