HTML Youtube 동영상 재생 넣기

 

/* youtube video */

// 영상의 정보를 담을 video 전역 변수 선언

var section_5_video = "";

// HTML 문서가 모두 준비되면

function loadScript() {

if (typeof (YT) == 'undefined' || typeof (YT.Player) == 'undefined') {

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

tag.src = "https://www.youtube.com/iframe_api";

var firstScriptTag = document.getElementsByTagName('script')[0];

firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

}

}

function loadPlayer() {

window.onYouTubePlayerAPIReady = function () {

onYouTubePlayer();

};

}

$(function () {

loadScript();

loadPlayer();

})

// 영상의 세부정보를 playser 변수에 담는다.

function onYouTubePlayer() {

section_5_video = new YT.Player('section-5-video', {

height: '300'

, width: '500'

, videoId: 'EyPo1WZAcNk'

, playerVars: {

'autoplay': 0 // 자동재생

, 'cc_load_policy': 0 // 자막 0 : on, 1 : off

, 'controls': 1 // 동영상 플레이어 컨트롤 표기

, 'disablekb': 1 // 키보드 컨트롤 사용 중지

, 'rel': 0

}

, events: {

'onReady': stopVideo

}

});

}

// 재생

function playVideo() {

section_5_video.playVideo();

}

// 일시정지

function pauseVideo() {

section_5_video.pauseVideo();

}

// 종료

function stopVideo() {

section_5_video.stopVideo();

}

// 음소거 On / Off

function volumeMute() {

// 음소거

if (section_5_video.isMuted() == true) {

section_5_video.unMute();

}

// 음소거 해제

else if (section_5_video.isMuted() == false) {

section_5_video.mute();

}

}

// 볼륨 조절

function soundControl(number) {

section_5_video.setVolume(number);

}