기본 콘텐츠로 건너뛰기

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);
}


이 블로그의 인기 게시물