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"。