防止 iframe 播放 youtube 视频

Prevent iframe playing youtube video

iframe 中是否有阻止它播放视频的选项,即我有以下 iframe:

<iframe src="https://www.youtube.com/embed/v2ifWcnQs6M" width="468" height="60" ></iframe>

我只想显示 YouTube 视频的缩略图,缩略图中央有红色 'play' 按钮,但不允许用户实际播放视频。有办法吗?

因为我检查过 Youtube IFrame API 没有获取 youtube 视频 ID 的解决方案,即我必须自己解析 url 然后构造以下 url:

https://img.youtube.com/vi/video_id/0.jpg

除了这个 url returns 没有红色 'play' 按钮的缩略图,我也想要。那么 iframe 或 js 变通方法中是否有 HTML 属性?

没有。没有这样的属性。如果您不想让用户播放该视频,您需要手动构建块。获取缩略图并创建或剪切播放按钮图像。然后在 CSS 内编写布局规则并向用户展示这个构建的块

在带有 CSS 的 YouTube 视频顶部添加透明 div。 See example.