Javascript - 根據點擊的視頻顯示不同的視頻

Question

所以，我仍然對JavaScript和一切都陌生。我試圖做的是當點擊一個小視頻時，將其顯示在上面的主要大視頻中。這是迄今爲止的腳本，但我不確定我需要添加什麼。

<script type="text/javascript"> 
    $(document).ready(function() { 
     $(".littlevideo").click(function() { 
      var video = $(this).closest("div").find("video").attr("src") 
      $('#displayvideo').attr("src",video); 
     }); 
    }); 
</script> 

Answer 1

你想要做的事，如：

<script type="text/javascript"> 
$(document).ready(function() { 
    $(".littlevideo").click(function() { 
     var video = $(this).closest("div").find("video").attr("src") 
     $('#displayvideo').append("<iframesrc="+video+"></iframe>"); 
    }); 
}); 

追加基本補充說，HTML的容器。你做+視頻+，因爲它將任何值添加到現有的字符串。這就是你如何使其動態。

Answer 2

我們需要頁面的其餘部分（最好），但那段代碼應該做你想要的。基本上，代碼只需要被點擊的元素的屬性（只要它有一個「littlevideo」類），並將其傳遞給#displayvideo元素（我猜你正在談論的「大視頻」 ）。確保小視頻的元素/標籤都有class="littlevideo"，而大視頻播放器元素/標籤的屬性爲id="displayvideo"。