将 PLYR 用于 Youtube 视频 - 海报图片?

bro*_*her 3 javascript youtube video jquery plyr.js

我正在使用 Plyr ( https://github.com/sampotts/plyr ) 内联播放 Youtube 视频。但我现在想向播放器添加一张海报,这样我就可以在播放之前使用视频的缩略图。

Plyr 支持这一点,但我无法让它工作。我目前正在以最简单的形式使用 Plyr:

优酷视频: <div data-type="youtube" data-video-id="bTqVqk7FSmY"></div>

初始化 Plyr: <script>plyr.setup();</script>

就是这样。我怎样才能得到上面的片段来显示海报"/myposter.png"

小智 5

下面是一些实现 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 视频的更好方法