将 YouTube 自动播放延迟 20 秒答案

【问题标题】：Delay YouTube autoplay with 20 seconds将 YouTube 自动播放延迟 20 秒
【发布时间】：2015-03-11 18:58:40
【问题描述】：

是否可以延迟 iframe 嵌入式 YouTube 播放器的自动播放？

这是我的嵌入代码：

<iframe width="560" height="315" src="https://www.youtube.com/embed/iejOAPyooXs?wmode=transparent&autoplay=1" frameborder="0" allowfullscreen></iframe>

【问题讨论】：

Youtube delay auto start video 的可能重复项

标签： html youtube-api

【解决方案1】：

使用 youtube 播放器 API 将我的答案更新为更好的答案，以获得更多选项和动态输出。它有很多选项可供选择，您可以使用 Javascript 轻松控制它。我希望这会有所帮助。感谢@wasikuss 发布的答案。

  // Load the IFrame Player API code asynchronously.
    setTimeout(function() {
        player.playVideo();
    }, 20000);
      var tag = document.createElement('script');
      tag.src = "https://www.youtube.com/player_api";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

  // Replace the 'ytplayer' element with an <iframe> and
  // YouTube player after the API code downloads.
    var player;
    function onYouTubePlayerAPIReady() {    
        player = new YT.Player('ytplayer', {
          height: '315',
          width: '560',
          videoId: 'iejOAPyooXs'
        }); 
    }

参考https://developers.google.com/youtube/player_parameters

【讨论】：

好的，谢谢你的想法，我实际上会尝试这两种解决方案，但我很确定这会更简单，在我用 JavaScript 重新制作之后。
没问题。鉴于用户可以选择播放视频或等待它自动播放，但这取决于您的需要。乐意效劳。 :)
但是如果用户自己点击播放按钮，由于src更改，视频将重新开始
已更新答案，希望对您有所帮助

【解决方案2】：

您可以使用 JavaScript 来促进延迟。最初只在页面上显示视频的缩略图。在 JavaScript 中，等待 20 秒，然后将预览替换为视频 iframe。

另一篇文章描述了如何仅显示缩略图：Youtube Video Thumbnail with Youtube API。

【讨论】：

【解决方案3】：

Sildoreth 的解决方案有一个缺陷：用户不能自己播放视频。更合适的解决方案是使用 YouTube IFrame API (https://developers.google.com/youtube/iframe_api_reference)。 20 秒后只需检查视频状态 (player.getPlayerState())，如果是 video cued (5)，请致电 player.playVideo()

JSFiddle

【讨论】：