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>");
    });
});

append基本上将HTML添加到容器中。你执行+ video +因为它将该值添加到现有字符串中。这就是你如何让它变得动态。

Answer 2

我们需要页面的其余部分（最好），但是那段代码应该做你想要的。基本上，代码只需要点击元素的属性（只要它有一个“littlevideo”类）并将其传递给#displayvideo元素（我猜你正在谈论的“大视频”））。确保小视频的元素/标记都包含class="littlevideo"，并且大视频播放器元素/标记的属性为id="displayvideo"。

Javascript - 根据点击的视频显示不同的视频

2 个答案: