帮助 youtube 嵌入！答案

【问题标题】：Help with youtube embed!帮助 youtube 嵌入！
【发布时间】：2011-05-03 18:00:21
【问题描述】：

帮助！有人可以告诉我我做错了什么吗？我正在尝试制作一个可点击的图片链接，以便点击它时会启动我的 youtube 视频。这就是我所拥有的......

<iframe class="youtube" width="400" height="257" src="http://www.youtube.com/embed/I-TiwjSELQE?autoplay=1" frameborder="0" allowfullscreen imgsrc="images/ciafree-yt" width="413" height="242"></iframe>

谢谢你：）

【问题讨论】：

大声笑，“这就是我所拥有的......” 什么都不显示

标签： youtube embed

【解决方案1】：

您可以使用 jQuery 并简单地将 id="yt-video" 添加到您的嵌入代码中。

确保在 HTML 中也引用 jQuery (https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js)。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" ></script>

然后添加这个简单的jQuery：

<script>
$(document).ready(function() {
    $('#yt-video').hide(); // hides the video initially
    $('#id_of_image_div_clicked').click(function(){
       $('#id_of_image_div_clicked').hide(); // hides the clicked image
       $('#yt-video').show(); // shows the video
    }
});
</script>

【讨论】：

谢谢，我是个新手，抱歉……但是如何给已经在 iframe 类中的视频添加 id？
加<iframe id="yt-video" [rest of the iframe code goes here] >

【解决方案2】：

如果对您不重要，请尝试使用 <object> 标记，就像我正在使用的那样

【讨论】：