阻止 iframe 播放 youtube 视频答案

【问题标题】：Prevent iframe playing youtube video阻止 iframe 播放 youtube 视频
【发布时间】：2015-12-12 14:21:55
【问题描述】：

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

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

我只想在缩略图中心显示带有红色“播放”按钮的 youtube 视频缩略图，但不允许用户实际播放视频。有没有办法做到这一点？

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

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

除了这个 url 返回的缩略图没有我也想要的红色“播放”按钮。那么 iframe 或 js 解决方法中是否有 HTML 属性？

【问题讨论】：

【解决方案1】：

使用 CSS 在 YouTube 视频顶部添加一个透明 div。 See example.

【讨论】：

【解决方案2】：

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

【讨论】：