不能用Plyr.js触发结束事件

Question

我正在尝试实现https://github.com/sampotts/plyr#events，但不能使用addEventListener()方法触发ended状态，因为我不使用jquery。我目前只想在结束后简单地显示一个msg。但它甚至没有显示在控制台上。

我已经创建了该元素，并使用以下代码将其公开给公众。

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

});

我已经在公共代码中使用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()，如果我将它保存在DOMContentLoaded中，它的工作效率与DOMContentLoaded一样好