javascript - 无法使用 Plyr.js 触发结束事件

Question

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

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

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()，.addEventListener如果我将它保存在DOMContentLoaded