【问题标题】:Periodic event in popcorn.jspopcorn.js 中的周期性事件
【发布时间】:2017-06-28 16:56:52
【问题描述】:

如何将 popcorn.js 配置为在每次视频更新时发出事件?那么我应该只使用视频元素的 timeupdate 事件吗?

目前,我只能在特定的开始时间设置事件:

var p = Popcorn( "#video" )
      // play the video
      .play()
      // set the volume to zero
      .volume( 0 )
      .code({
        start: 1,
        end: 3,
        onStart: function( options ) {         
          document.getElementById( "test1" ).innerHTML = "Yes";
        },
        onEnd: function( options ) {
          document.getElementById( "test1" ).innerHTML = "No";
        }
     })

【问题讨论】:

  • 第一步总是检查文档:mozilla.github.io/popcorn-docs/events 即使有优秀的例子。 jsfiddle.net/popcornjs/BcaGB 是你要找的吗?
  • 可以,但是好像没有使用popcorn.js。小提琴正在利用视频元素的时间更新。
  • 哦,对了。
  • 实际上timeupdate 是您正在寻找的最接近的事件,@ippi 发布的链接也发布在 popcorn js 的官方文档中。

标签: javascript popcornjs


【解决方案1】:

official Docs 表示每次更新玩家时间时都会捕获事件

var pop = Popcorn("#video");

pop.on("timeupdate", function( e ) {
    console.log( "timeupdate fired!");
});

pop.play();

【讨论】:

猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-12-17
相关资源
最近更新 更多