2012-12-04 58 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元素,你想要替換的線索。嘗試使用文本設置爲空字符串的腳註。