使用图像叠加youtube嵌入式video，单击时隐藏图像并自动播放

我想在我的页面中查看YouTubevideo之前显示图像。 有没有办法用jquery或javascript函数来做到这一点。

我希望用我自己的图像覆盖它，当点击时，显示video并自动播放它，所有这些都不会重新加载页面。

谢谢您的帮助

关心朱迪

Answer 1

如果使用YouTube上的HTML5 iframe，上述操作将无效，因为video将在后台播放，并且在单击图像之前设置了autoplay = 1。 我改为使用.append（）在点击图像后附加iframe，这样video只会在图像的点击事件后自动播放。

Answer 2

对不起，你的问题的最后一个解决方案是不正确的，不，它不是太复杂，你想要的东西。

如果隐藏，YouTubevideo将无法播放。 所以添加你的嵌入代码并设置autoplay = 1但隐藏div然后在元素上进行jquery翻转。 如果你复制下面的代码并运行它应该工作（除了你必须指向你的jquery库）

Answer 3

因为使用javascript api可以很容易地做到这一点我也用New iFrame Embedding模式创建了这个效果（我发现它很可爱）。 这很简单

1. 显示你的形象
2. 单击时，将其替换为iframe嵌入代码（使用“autoplay = 1”参数）。