我想在 YouTube 视频播放器上放置一张静态图片；但是，似乎他们以某种方式阻止了这种情况的发生？
到目前为止，我已经尝试将 z-index 设置为高于 YouTube 播放器，但这不起作用。
例如：
<img src="../example.png"/ width="100" height="100" class="image" />
<iframe width="420" height="315" src="http://www.youtube.com/embed/k6U-i4gXkLM" frameborder="0" allowfullscreen></iframe>
.image { position: absolute; z-index: 10000; }
您应该能够将 wmode=transparent 添加到 youtube iframe url。看：
一个工作示例：
http://www.parentmap.local/article/webinar-parents-guide-to-college-admissions
请注意弹出菜单如何与视频 iframe 重叠。
如果由于某种原因这不起作用，您可以使用 javascript 加载 youtube 预览图像，然后将叠加层放在上面。仅当有人实际单击元素时才加载真正的 iframe。
快速谷歌搜索在 youtube 图片上找到了这个：
http://www.reelseo.com/youtube-thumbnail-image/
该页面的预览图像 URL 示例：
您的代码完美运行。只是“../example.png”之后的斜线是不必要的，但无论如何它都会起作用。
