Question

我正在构建我的第一个网页之一，对于任何自定义的html，js，css等我都非常新手。我在Alex模板上的Squarespace中构建网站。我的目标是拥有一个从文本链接打开并播放youtbe视频的灯箱。目前，我可以获得文本链接打开灯箱（featherlight）并播放youtube视频（iframe嵌入），但后来我遇到了2个问题。 1.视频的音频播放两次 2.当我关闭灯箱时，一组音频继续播放。

我完全迷失在这里，并试图寻找解决方案。这就是我所拥有的：

＆＃13;

<a id='open_lightbox' data-featherlight='.lightbox_content' href='#'>open lightbox</a>
<div style="display:none;">
<div class='lightbox_content'id=ytplayer>
    <iframe id="video1" width="1280" height="720" src="https://www.youtube.com/embed/g7fbe-oV-X0?rel=0&enablejsapi=1&playerapiid=ytplayer" frameborder="0" allowfullscreen></iframe>
<script>
 $("#open_lightbox").click(function(){
  $("#video1")[0].src += "&autoplay=1";
  ev.preventDefault();
 });
</script>
</div>
</div>

＆＃13;

其中很多都来自不同的帖子，但我找不到任何有用的东西。这是我制作视频的最后一点，但我不知道如何阻止它，或者为什么有两个音频实例在运行。任何帮助表示赞赏。

Answer 1

尝试一下：

@Async
public Response processFoo(LocalDate fromdate,LocalDate toDate){
  List<Response> responses;
  CompletableFuture<Response> response;
  while(fromDate.isBefore(toDate)){
     response = CompleteableFuture.supplyAsync(processService(fromDate,fromDate.plusDays(30)));
     fromDate = fromDate.plusDays(30);
     }
  responses.add(response.get());
}

您过去的工作方式一直有效-我只需要再次使用该技巧就遇到了同样的问题。添加一个小的延迟并删除preventDefault（）对我有用。

您可能需要为“＃video1”放置一个更具体的jQuery选择器，以便它不会自动播放两个视频。

灯箱关闭后，羽毛灯箱中的Youtube iframe视频继续播放

1 个答案: