使用 YouTube API 设置视频开始时间 - “开始” playerVars 选项曾经可以工作，但现在不行了吗？答案

【问题标题】：Setting video start time with the YouTube API - "start" playerVars option used to work, but now does not?使用 YouTube API 设置视频开始时间 - “开始” playerVars 选项曾经可以工作，但现在不行了吗？
【发布时间】：2014-05-23 04:50:05
【问题描述】：

我使用 YouTube API 写了this stupid toy。基本上它只是在不同的随机时间开始视频的多个副本。这工作了一年之久。但今天我注意到随机开始时间不再起作用，它只是在 t=0 开始所有视频（在多个浏览器/操作系统/计算机上测试）。

知道有什么问题吗？我只是将一个随机数传递给start 参数。看起来很简单。

这是我的代码。关键部分在add函数中，其中start参数设置在playerVars中。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Flockas</title>
  </head>
  <body>
<button id="pause">Pause Flockas</button>
<button id="add">Add One Flocka</button>
<button id="remove">Remove One Flocka</button>
<p>
<div id="flockas"></div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script>
var flockas = [];

var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

function onPlayerReady(event) {
  event.target.playVideo();
}

function add() {
  var start = Math.random() * 60;

  $("#flockas").append('<div id="flocka' + flockas.length + '" class="flocka"></div>');

  flockas.push(new YT.Player('flocka' + flockas.length, {
    height: '105',
    width: '140',
    videoId: 'yOc-MXGuKgs',
    playerVars: {
      autoplay: 1,
      loop: 1,
      playlist: 'yOc-MXGuKgs',
      start: start
    },
    events: {
      'onReady': onPlayerReady
    }
  }));
}

function remove() {
  var divs = $(".flocka");
  $(divs[divs.length - 1]).remove();
  flockas.splice(flockas.length - 1)
}

function pause() {
  var pauseEl = $("#pause");
  if (pauseEl.html() === "Pause Flockas") {
    for (var i = 0; i < flockas.length; i++) {
      flockas[i].pauseVideo();
    }
    pauseEl.html("Play Flockas");
  } else {
    for (var i = 0; i < flockas.length; i++) {
      flockas[i].playVideo();
    }
    pauseEl.html("Pause Flockas");
  }
}

function onYouTubeIframeAPIReady() {
  for (var i = 0; i < 5; i++) {
    add();
  }
}

$("#add").click(add);
$("#remove").click(remove);
$("#pause").click(pause);
</script>
  </body>
</html>

就像我上面说的，我最初制作它时效果很好，但我最近才注意到它不起作用。

【问题讨论】：

标签： javascript youtube youtube-api youtube-javascript-api

【解决方案1】：

开始参数仍然有效。问题是，你为它计算了一个错误的值：错误的类型。也许它已经改变了：提供一个有效的 INTEGER 值是可行的。（如果允许分数，则并非所有分数都是有效的。）

例如，如果您想要一个介于 0 和 200 之间的值，则使用：

  var maxVal = 200;
  var startVal = Math.ceil((Math.random() * maxVal));

【讨论】：