Popcorn.js - キューを削除するにはどうすればいいですか？

Question

私は、ポップコーンJSを使用してビデオにいくつかのキューを追加しました。

特定のキューを削除または変更するにはどうすればよいですか？

Answer 1

ポップコーンインスタンスにキューを追加したら、プラグインイベントを削除するのと同じ方法で、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 

Answer 2

var pop = Popcorn(#videoElementId);のようなビデオ要素を設定するためにポップコーンを使用した場合、pop.footnote({...})のようないくつかのメソッドが呼び出された場合や、設定したコードを削除するだけで済みますそれ以上はありません。

代わりに脚注を作成しましたが、置き換えたい、または非表示にしたい場合は、置き換えたい同じdiv要素をターゲットとする別のキューを追加する必要があります。テキストを空の文字列に設定して脚注を試してください。