当通过 z-index 位于图像后面时,如何使 YouTube iframe 可点击?

How do i make a YouTube iframe clickable when it is behind an image via z-index?

我有一个正在为客户制作的页面,我需要在其中显示来自他们的 YouTube 频道的视频。我有一些电视图像,我使用 z-index 将 YouTube iframe 放入其中。由于视频在图像后面,我无法点击它们,因此无法播放它们。当我点击图像但没有成功时,我尝试使用 javascript 调用触发事件。任何帮助将不胜感激!

触发对 Youtube iFrame 的点击很可能不起作用。我建议您使用 Youtube API (https://developers.google.com/youtube/iframe_api_reference).

当图像上的点击事件被触发时,您将能够执行 player.playVideo()