Как установить currentTime в popcorn.js при нажатии ссылки?

Question

То, что я пытаюсь сделать, - заставить popcorn.js перейти к точке в видео при нажатии ссылки. Я попытался использовать нижеприведенную функцию currentTime(), но не смог добавить кнопку on click для запуска функции. http://popcornjs.org/popcorn-docs/media-methods/#currentTime

Для стороны html это то, что у меня есть.

<video height="180" width="300" id="video" controls> 
<source src="http://videos.mozilla.org/serv/webmademovies/popcornplug.mp4">  </source> 
<source src="http://videos.mozilla.org/serv/webmademovies/popcornplug.ogv"> </source> 
<source src="http://videos.mozilla.org/serv/webmademovies/popcornplug.webm"></source> 
</video> 
<div id="footnotediv"></div> 
<p id="click">Click me.</p> 

Это то, что я пытался на стороне .js

// create a popcorn instance 
var $pop = Popcorn("#video"); 

// on click , switch the time back to 3 second 
$pop.exec(document.getElementById("click").onclick, function() { 
    this.currentTime(3); 
}); 

// play the video 
$pop.play(); 

Может кто-нибудь помочь мне указать на то, что я делаю неправильно? Я все еще пытаюсь найти свои ноги с этим.

Answer 1

Я думаю, что это проблема синтаксиса попробуйте следующее:

// create a popcorn instance 
var $pop = Popcorn("#video"); 

// on click , switch the time back to 3 second 
$pop.exec(document.getElementById("click").onclick, function() { 
    $pop.currentTime = 3; 
}); 

// play the video 
$pop.play();