Question

帮助！有人可以告诉我我做错了什么吗？我正在尝试制作一个可点击的图片链接，以便点击它时会启动我的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>

谢谢：）

Answer 1

如果您不重要，请尝试使用<object>标签，例如我正在使用

Answer 2

您可以使用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>

帮助youtube嵌入！

2 个答案: