实时视频流/如何在点击时调整大小（并移动）它们？

Question

我试图实现以下目标：

我在网站上运行简单的html5视频流（Nr.1-6）。我想，点击其中一个较小的缩略图，它将显示在主要更大的窗口顶部＆＃39;。我希望你明白我的意思。没有任何第三方工具，这甚至可能吗？

Answer 1

这就是这样的（这个例子需要jQuery，只需在这里输入）

JS：

$(document).ready(function() {
  $('.thumbnail').on('click',function() {
    var videoSrc = $(this).attr('data-video');
    $('#mainFrame').attr('src', videoSrc);
  });
});

所需的HTML部分：

<video id="mainFrame"></video>
<div class="thumbnail" data-video="URL_TO_VIDEO"></div>
<div class="thumbnail" data-video="URL_TO_VIDEO"></div>

这会假设您已经完成了样式等