Javascript 使用YouTube API设置视频开始时间；“开始”；PlayerBars选项以前可以工作，但现在不行了？_Javascript_Youtube_Youtube Api_Youtube Javascript Api

Javascript 使用YouTube API设置视频开始时间；“开始”；PlayerBars选项以前可以工作，但现在不行了？

javascript youtube youtube-api

Javascript 使用YouTube API设置视频开始时间；“开始”；PlayerBars选项以前可以工作，但现在不行了？,javascript,youtube,youtube-api,youtube-javascript-api,Javascript,Youtube,Youtube Api,Youtube Javascript Api,我使用YouTube API编写。基本上，它只是在不同的随机时间启动视频的多个副本。这一年来效果很好。但今天我注意到随机开始时间不再有效，它只是在t=0时开始所有视频（在多个浏览器/操作系统/计算机上测试）知道怎么了吗？我只是给参数传递一个随机数。看起来很简单这是我的密码。关键部分在add功能中，在playerVars中设置start参数 <!DOCTYPE html> <html lang="en"> <head> <meta char

我使用YouTube API编写。基本上，它只是在不同的随机时间启动视频的多个副本。这一年来效果很好。但今天我注意到随机开始时间不再有效，它只是在t=0时开始所有视频（在多个浏览器/操作系统/计算机上测试）

知道怎么了吗？我只是给参数传递一个随机数。看起来很简单

这是我的密码。关键部分在

add

功能中，在

playerVars

中设置

start

参数

<!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>


弗洛卡斯
暂停弗洛卡斯
加一只羊
取下一只羊

var flockas=[]；
var tag=document.createElement（'script'）；
tag.src=”https://www.youtube.com/iframe_api";
var firstScriptTag=document.getElementsByTagName（'script'）[0]；
firstScriptTag.parentNode.insertBefore（标记，firstScriptTag）；
函数onPlayerReady（事件）{
event.target.playVideo（）；
}
函数add（）{
var start=Math.random（）*60；
$（“#flockas”）。附加（“”）；
flockas.push（新的YT.播放器（'flocka'+flockas.length{
高度：'105'，
宽度：“140”，
videoId:“yOc MXGuKgs”，
playerVars：{
自动播放：1，
循环：1，
播放列表：“yOc MXGuKgs”，
开始：开始
},
活动：{
“onReady”：onPlayerReady
}
}));
}
函数删除（）{
var divs=$（“.flocka”）；
$（divs[divs.length-1]）.remove（）；
植绒拼接（植绒长度-1）
}
函数暂停（）{
var pauseEl=$（“暂停”）；
if（pauseEl.html（）=“暂停Flockas”）{
对于（变量i=0；i


正如我上面所说，当我最初制作它时，它工作得很好，直到最近我才注意到它不工作。开始参数仍然有效。问题是，您为它计算了一个错误的值：错误的类型。
也许已经改变了：
提供有效的整数值是有效的。（如果允许分数，则并非所有分数都有效。）
例如，如果希望值介于0和200之间，请使用：
  var maxVal = 200;
  var startVal = Math.ceil((Math.random() * maxVal));

start参数仍然有效。问题是，您为它计算了一个错误的值：错误的类型。
也许已经改变了：
提供有效的整数值是有效的。（如果允许分数，则并非所有分数都有效。）
例如，如果希望值介于0和200之间，请使用：
  var maxVal = 200;
  var startVal = Math.ceil((Math.random() * maxVal));

start参数仍然有效。问题是，您为它计算了一个错误的值：错误的类型。
也许已经改变了：
提供有效的整数值是有效的。（如果允许分数，则并非所有分数都有效。）
例如，如果希望值介于0和200之间，请使用：
  var maxVal = 200;
  var startVal = Math.ceil((Math.random() * maxVal));

start参数仍然有效。问题是，您为它计算了一个错误的值：错误的类型。
也许已经改变了：
提供有效的整数值是有效的。（如果允许分数，则并非所有分数都有效。）
例如，如果希望值介于0和200之间，请使用：
  var maxVal = 200;
  var startVal = Math.ceil((Math.random() * maxVal));