将 YouTube 自动播放延迟 20 秒

Question

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

这是我拥有的嵌入代码：

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

Answer 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

Answer 2

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

另一篇文章描述了如何仅显示缩略图：带有Youtube API的Youtube视频缩略图。

Answer 3

Sildoreth 的解决方案有一个缺陷：用户无法自己播放视频。更恰当的解决方案是使用YouTube IFrame API（https://developers.google.com/youtube/iframe_api_reference）。20秒后只需检查视频状态（player.getPlayerState()），如果video cued（5）呼叫player.playVideo()

JSFiddle