Jquery 单击图像时，将图像与嵌入的vimeo视频交换

我一直在寻找解决方案，但我不是jquery专家

我目前在一个页面上有一个嵌入式vimeo视频。我希望页面加载隐藏的视频和图像。当用户单击图像时，图像被隐藏，视频开始在同一地点播放

我在这里看到了一些关于在youtube视频上做类似事情的内容，但我不确定vimeo是否以同样的方式工作

我还尝试了一些jquery方法，比如replaceWith，但它们不能正常工作

---

任何帮助都将不胜感激。

为什么不将视频与页面的其余部分一起加载到一个隐藏的div中，然后使用

.show（）

？

显示一些您尝试过的代码并描述结果。

$（document）.ready（function（）{$（“stillImage”）。单击（function（）{$（“p:first”）.replacetwith（”；）

所以我会把嵌入代码放在一个div中，隐藏它，然后在点击图像时显示它？我将视频嵌入隐藏在一个div中，并将图像更改为链接。单击图像时，图像将隐藏，视频将显示在该位置。完美即使未单击图像，也会加载视频吗？或者仅在单击图像时加载视频？