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

Question

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

Для 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();