Plyr.js 无法触发结束事件

Question

我正在尝试实现 https://github.com/sampotts/plyr#events 但无法使用 addEventListener() 方法触发嵌入的结束状态，因为我没有使用 jquery。我目前正在尝试在结束时简单地显示一条消息。但它甚至没有显示在控制台上。

我已经创建了元素并使用此代码public将其公开

document.addEventListener('DOMContentLoaded', () => { 
  // == Plyr JS ==
  const player = new Plyr('#player', {
    autoplay: false,
  }); 
  // Expose
  window.player = player;

});

我已经在 public 代码中使用 player.source 加载新资源。

尝试使用此调用事件状态。但是我什至无法在控制台上获得日志。

player.addEventListener('ended', () => {
  console.log(`Video is finished`)
});

Answer 1

我已经包含了等待 DOM 加载的那一行并且它起作用了。

document.addEventListener('DOMContentLoaded', () => {
 const player = new Plyr('#player', {
  // player options
  }); 

 player.on('ended', event => {
    // functions that I'd like to add
  });

事实证明，纪录片中提到的 .on 函数不是 jQuery 的 .on()，如果我将它放在 [=13] 中，它也能正常工作 .addEventListener =]

Plyr.js 无法触发结束事件

Can't trigger ended event with Plyr.js

javascript

addeventlistener

plyr.js