我正在使用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"的海报？
答案 0 :(得分：1)
以下是实现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)
或
您可以阅读本文A Better Method for Embedding YouTube Videos on your Website
答案 1 :(得分：-2)
只需在html5视频标记上使用poster属性：
<video poster="/myposter.png" controls>