使用Vimeo API进行视频控制

Posted 2023-01-26

我这里有一个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'); );

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

答案

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

像这样的东西

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，这里是更多方法的reference。

更新

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

Here is an updated demo

希望这可以帮助。