如何在点击链接时在popcorn.js中设置currentTime?

时间:2016-09-04 09:48:24

标签: javascript popcornjs

我要做的是让popcorn.js在点击链接时跳转到视频中的某个点。我尝试使用下面的函数currentTime()但是无法添加单击按钮来触发该函数。 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();

任何人都可以帮助我指出我做错了什么吗?我仍然试图找到我的脚。

1 个答案:

答案 0 :(得分:0)

我认为这是一个语法问题,试试这个:

// 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();