我正在使用 Plyr ( https://github.com/sampotts/plyr ) 内联播放 Youtube 视频。但我现在想在播放器中添加一张海报，这样我就可以在播放之前为视频使用缩略图。
Plyr 支持这一点，但我无法让它工作。我目前以最简单的形式使用 Plyr：
Youtube 视频：<div data-type="youtube" data-video-id="bTqVqk7FSmY"></div>
初始化 Plyr：<script>plyr.setup();</script>
而已。我怎样才能得到上面的片段来显示海报"/myposter.png"？
以下是一些实现 youtube 视频自定义封面图片的示例：
player.poster = '../Images/landing/attendance/Admin Back.png';
或者
var player = new Plyr('#vid');
setTimeout(() => {
player.poster = 'http://ichef.bbci.co.uk/images/ic/640x360/p03hj5f7.jpg';
}, 500)
或者
您可以阅读这篇文章在您的网站上嵌入 YouTube 视频的更好方法
只需在 html5 视频标签上使用海报属性：
<video poster="/myposter.png" controls>