无法使用 Plyr.js 触发结束事件答案

【问题标题】：Can't trigger ended event with Plyr.js无法使用 Plyr.js 触发结束事件
【发布时间】：2020-09-12 14:25:22
【问题描述】：

我正在尝试实现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 加载新的源代码。

尝试使用 this 调用事件状态。但我什至无法登录控制台。

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

【问题讨论】：

标签： javascript addeventlistener plyr.js

【解决方案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 中，它的工作原理和 .addEventListener 一样好

【讨论】：