javascript - 根据查询字符串将嵌入页面的视频设置为自动播放还是不自动播放？

是否可以根据嵌入页面的URL上的查询字符串将嵌入页面的视频设置为自动播放？

例如，如果我在bla-blah.web / interthingy.html上嵌入了Vimeo页面，是否可以将其设置为bla-blah.web / interthingy.html？play或bla-blah.web / interthingy。 html？play = true，以便该页面中包含的Vimeo嵌入自动播放？

基本上，它会读取URL，并根据嵌入的视频是否具有特定的查询字符串将其设置为自动播放。

如果在其他地方提出并回答了这个问题，我深表歉意。我似乎找不到任何东西。

最佳答案

解决方案可以基于window.location.search。

使用split和filter可以搜索查询参数play及其值。

如果此参数存在并且未指定值或为true，则可以play Vimeo视频：

var playParams = window.location.search.split('&').filter(function(ele, index) {
  var tmpArr = ele.split('=');
  if (tmpArr[0] == '?play' || tmpArr[0] == 'play') {
    if (tmpArr.length == 2) {
      return tmpArr[1] == 'true';
    }
    return true;
  }
});

if (playParams.length > 0) {
  var iframe = document.querySelector('iframe');
  var player = new Vimeo.Player(iframe);

  player.play();
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://player.vimeo.com/api/player.js"></script>



<iframe src="https://player.vimeo.com/video/76979871" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

关于javascript - 根据查询字符串将嵌入页面的视频设置为自动播放还是不自动播放？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41537030/