html部分

<video id="player" controls>
   <source  src="path/to/video.mp4" type="video/mp4" />
</video>

js引入plyr

import Plyr from 'plyr';
import 'plyr/dist/plyr.css'

按照文档，接下来我们应该new一下

const player = new Plyr('#player')

但这样是有问题的，视频虽然可以现实，但无法播放

正确的操作如下 需要文档加载完再实例化播放器

import Plyr from 'plyr';
import 'plyr/dist/plyr.css'


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