嵌入youtube的幫助！

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

你可以使用jQuery和簡單的添加使用<object>標籤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>