我有一个覆盖 youtube iframe 的占位符 div。我正在尝试单击占位符并使用 jquery 播放视频。这似乎很简单，但我无法为我的生活弄清楚这一点。谁能帮我解决这个问题？
这是我正在使用的 html：
<div class="container">
<span class="placeholder"></span>
<iframe id="video width="560" height="315" src="http://www.youtube.com/embed/abqjFFtAPRo" frameborder="0" allowfullscreen></iframe>
</div>
谢谢！
【问题讨论】：
标签： javascript jquery youtube embed
您的id 属性后似乎缺少双引号。
我还创建了一个 CodePen (http://codepen.io/j_shb/pen/hJKaE)，它展示了如何在 iFrame 上定位跨度，然后使用 jQuery 绑定单击事件。 （不知道为什么视频嵌入在我的示例中不起作用——我认为这可能是 CodePen 的错。）
这些有帮助吗？
【讨论】：
为了快速完成，我建议您使用此功能。您需要一个带有视频源网址的按钮/链接。在网址上，您需要传递参数“autoplay=1”。单击元素时，将视频源放在 iframe 的属性“src”上；） Le 代码：
<html>
<head>
<script type="text/javascript">
$(document).ready(function(){
$("#loadVideo").bind("click", function(){
videoUrl = $(this).attr("data-video-src")
$("#video").attr("src", videoUrl)
});
});
</script>
</head>
<body>
<div class="container">
<button id="loadVideo" data-video-src="http://www.youtube.com/embed/abqjFFtAPRo?rel=0&autoplay=1">Load video</button>
<iframe id="video" width="560" height="315" src="" frameborder="0" allowfullscreen/>
</div>
</body>
</html>
【讨论】：