点击叠加div以播放YouTubevideo

我有一个占位符div覆盖youtube iframe。 我正在尝试点击占位符并使用jquery播放video。 这似乎很简单,但我不能为我的生活弄清楚这一点。 任何人都可以帮我这个吗?

这是我正在使用的html:

谢谢!

为了使这个快速,我建议你这个function。 您需要一个带有video源url的按钮/链接。 在url上,您需要传递参数“autoplay = 1”。 单击元素时,将video源放在iframe的属性“src”上;)Le代码:

      

看起来你错过了id属性之后的双引号。

我还创建了一个CodePen( http://codepen.io/j_shb/pen/hJKaE ),它展示了如何在iFrame上定位跨度,然后使用jQuery绑定click事件。 (不确定为什么video嵌入在我的例子中不起作用 – 我认为这可能是CodePen的错。)

这有什么帮助吗?