【问题标题】:Popcorn.js - How do I remove a cue?Popcorn.js - 如何删除提示?
【发布时间】:2012-12-04 17:08:20
【问题描述】:

我使用爆米花 JS 为视频添加了几个提示。

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

【问题讨论】:

  • 是否有您所做的示例,作为问题中的代码块或可能是链接?
  • 请告诉我们您的尝试!它有助于获得答案! :) whathaveyoutried.com 也值得一读

标签: javascript jquery popcornjs


【解决方案1】:

向 Popcorn 实例添加提示后,您可以像删除任何插件事件一样使用 removeTrackEvent 方法将其删除。

popcorn.removeTrackEvent(eventId);

诀窍是获取要删除的事件的 id。 Popcorn 并没有真正提供一种简单的方法来搜索跟踪事件,因此您需要在创建事件时获取 id 并保留它。

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

Popcorn API 最初设计为可链接,因此cue 方法返回 Popcorn 实例。这就是为什么您需要单独调用getLastTrackEventId

如果要修改一个cue,就看你要不要取同一个函数,移动一下……

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

或者换个功能:

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

【讨论】:

  • 甚至可以使用脚注插件,因此无需编写自己的插件。谢谢。 var eventId = popcornObj.getLastTrackEventId(); popcornObj.removeTrackEvent(eventId); //显示新的脚注 popcornObj.footnote({ start: timeFrom, end: timeTo, text: actionName, target: "footnotediv" });
【解决方案2】:

好像你用爆米花设置了一个视频元素,比如var pop = Popcorn(#videoElementId);,然后在上面调用了一些方法,比如pop.footnote({...})或者你有什么,那么你只需要删除设置它们的代码,所以他们'不在那里了。

如果您问的问题是我做了一个脚注显示,而现在我想替换它,或者隐藏它,那么您可能需要添加另一个针对您想要替换的相同 div 元素的提示。尝试使用文本设置为空字符串的脚注。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-12-29
    • 2016-09-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-10-06
    • 2020-09-25
    相关资源
    最近更新 更多