iframeおよびJavaScriptでのYouTube動画取得サンプル

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

// <div id="player"></div>
var tag = document.createElement('script');
var firstScriptTag = document.getElementsByTagName('script')[0];
var player;
tag.src = "https://www.youtube.com/iframe_api";
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
function onYouTubeIframeAPIReady() {
  player = new YT.Player('player', {
    width: '560',
    height: '315',
    videoId: 'r1xohS2u69E'
  });
}

元記事を表示する