Javascript 我有一个视频列表，我只想在弹出模式中播放一个视频

我有视频列表，我只想在单击缩略图时播放视频

<video style="min-width: 100%; min-height: 100%; " id="vid" width="auto" height="auto" controls autoplay="true" loop="loop" preload="auto" muted="muted">
<source src="video/sample.mp4" type="video/mp4">
<source src="video/sample.ogg" type="video/ogg">
</video>

假设你有3个缩略图

<img class="thumbnail" data-url="source1" src="img1"/>
<img class="thumbnail" data-url="source2" src="img2"/>
<img class="thumbnail" data-url="source3" src="img3"/>

要在模式弹出窗口中显示，只需使用引导模式弹出窗口

在这种情况下，可以将视频加载到弹出窗口中使用

$(".modal-body").html($("#divVideo").html());

在此之后，编写显示弹出窗口的命令

$("#MyModal").show()

$(".thumbnail").click(function(){
changeVideo($(this).attr("data-url"));
});

$(".modal-body").html($("#divVideo").html());

$("#MyModal").show()