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 添加到容器中。您执行 +video+ 是因为它将该值添加到现有字符串中。这就是让它变得动态的方法。