2012-12-04 61 views
5

我已经添加了一些使用爆米花JS的视频提示。Popcorn.js - 如何删除提示?

如何删除或修改特定的提示?

+0

是否有你做了什么的例子,作为问题中的一段代码,或者可能是一个链接? – dlamblin

+0

请告诉我们你已经尝试过!它有助于赢得这个答案! :)另外一个很好的阅读是http://www.whathaveyoutried.com/ –

回答

2

一旦您向Popcorn实例添加了一个提示,您可以使用removeTrackEvent方法以与删除任何插件事件相同的方式将其删除。

popcorn.removeTrackEvent(eventId); 

诀窍是获取要删除的事件的ID。爆米花并没有真正提供一种简单的方法来搜索赛道事件,因此您需要在事件创建时获取该ID并保留它。

popcorn.cue(1, function() { 
    console.log('Do that voodoo.'); 
}); 
var eventId = popcorn.getLastTrackEventId(); 
// some time later... 
popcorn.removeTrackEvent(eventId); 

爆米花API最初设计为可链接的,所以cue方法返回爆米花实例。这就是为什么你需要单独致电getLastTrackEventId

如果要修改的提示,这取决于是否要采取同样的功能和移动它...

popcorn.cue(eventId, 2); //move it to 2 seconds 

或改变功能:

popcorn.cue(eventId, function() { console.log('hi!'); }); //time stays the same 
+0

即使有脚注插件,所以不需要编写自己的插件。谢谢。 var eventId = popcornObj.getLastTrackEventId(); \t popcornObj.removeTrackEvent(eventId); \t \t //显示新的脚注 \t popcornObj.footnote({ \t \t开始:timeFrom, \t \t端:timeTo, \t \t文本:actionName, \t \t目标: “footnotediv” \t}); – jir

0

似乎如果你已经使用爆米花来设置像var pop = Popcorn(#videoElementId);这样的视频元素,然后调用它的一些方法,如pop.footnote({...})或你有什么,那么你需要删除设置它们的代码,所以他们不是那里了。

如果相反,你问我好了,我做了一个脚注节目,现在我想替换它,或隐藏它,那么你可能需要添加另一个目标相同的div元素,你想要替换的线索。尝试使用文本设置为空字符串的脚注。