Youtube API 분석
var tag = document.createElement('script'); // HTML 내에서 script 요소를 찾기
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
// This function creates an <iframe> (and YouTube player)
// after the API code downloads.
// <div id-"player"></div>
function onYouTubeIframeAPIReady() {
new YT.Player('player', {
height: '360', // 영상 높이 360 (기본값)
width: '640', // 영상 너비 640 (기본값)
videoId: 'iM92rDI-5FI', // 최초 재생할 유튜브 영상 ID
playerVars: {
autoplay: true, // 자동 재생 유무
loop: true, // 반복 재생 유무
controls: 0, // 유튜브 컨트롤바 삭제
playlist: 'iM92rDI-5FI' // 반복 재생할 유튜브 영상 ID 목록
},
events: {
onReady: function (event) {
event.target.mute() //f 음소거
}
}
});
}
Youtube API 참고 링크
https://developers.google.com/youtube/v3/getting-started?hl=ko