如何在 Summernote 中运行 plyr？

问：

我最近介绍了 Summernote 作为 Wordpress 管理部分的编辑器，就像网站一样。视频由 plyr 播放给最终用户。我能够在 Summernote 编辑区域内插入 html，但我无法显示视频。如果我保存此类内容并将其显示给最终用户，则视频就在那里，一切正常。

在这个 jsfiddle https://jsfiddle.net/radek/sbrLvpgy/9/ 我在 Summernote 里面有 plyr。Plyr 已加载并执行某些操作，但视频无法正常工作。（我没有设法在 jsfiddle 中通过 plyr 播放 youtube 视频。

if(true){
  $(document).ready(function() {
      $('#summernote').summernote({
      });
  });
}
const players = Array.from(document.querySelectorAll('.js-player')).map((p) => new Plyr(p));

将条件从 true 更改为 false 以查看差异。

我设法让它工作一次 - 让 plyr youtube 视频在 Summernote 中工作，但我现在无法让它工作。

如果我使用标准的 Summernote 方式，Summernote 中正在播放相同的视频 如何插入视频 - https://jsfiddle.net/radek/zve0y6so/4/

有人可以帮我吗？