【Youtube Player API】 YouTube自動再生をコピペで完結

1分でYouTubeのURLを埋め込んで自動再生させる（コピペ）

(一応、【要件】) 表示されたら動画を６秒間再生したあと、動画を停止。

▼表示させたいviewに下をコピペ

index.html.rb

<div id="player"></div>

▼表示させたいjsに下をコピペ

application.js

var tag = document.createElement('script');

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

var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
  height: '360',
  width: '640',
  videoId: 'bjmBJ1Fl0cs',
  events: {
    'onReady': onPlayerReady,
    'onStateChange': onPlayerStateChange
  }
});
}

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

var done = false;
function onPlayerStateChange(event) {
  if (event.data == YT.PlayerState.PLAYING && !done) {
    setTimeout(stopVideo, 6000);
    done = true;
  }
}
function stopVideo() {
  player.stopVideo();
}

うまくできたら下の動画が自動再生される

http://www.youtube.com/watch?v=bjmBJ1Fl0cs

補足

youtubeURL採取方法はこれ

：https://bazubu.com/how-to-embed-youtube-to-wp-23776.html

取ってきたURLはだいたいこんな感じ

<iframe width="560" height="315" 
src="https://www.youtube.com/embed/bjmBJ1Fl0cs"
frameborder="0" 
allow="accelerometer; 
autoplay; 
encrypted-media; 
gyroscope; 
picture-in-picture" 
allowfullscreen>
</iframe>

上のコード中のsrc="https://www.youtube.com/embed/bjmBJ1Fl0cs"の中のbjmBJ1Fl0csをvideoId : 'ここ';にコピペで色んなYouTubeを自動再生できる

参考記事：https://developers.google.com/youtube/player_parameters?hl=ja
　　　　：http://bashalog.c-brains.jp/15/02/25-100000.php

以上です！