유튜브 자바스크립트 조작(재생, 일시정지, 종료 후 처리)

유튜브 자바스크립트 라이브러리를 선언 

<script src="http://www.youtube.com/player_api"></script>

HTML 부분

<div id="playerLayer" class="ivideo"></div>

                

자바스크립트 조작코드 : 실행 및 영상이 끝나면 자동없애기

<script>

    

    var player;

    try {

        player = new YT.Player('playerLayer', {

            //height: '520',

            //width: '1016',

            videoId: 'WVFoCM6FC1s',

            playerVars: {

                'autoplay': 1,     // 자동실행여부

                'controls': 1,    // 재생컨트롤 노출여부

                'autohide': 1,     // 재생컨트롤이 자동으로 사라질지의 여부

                'rel': 0,     // 동영상 재생완료 후 유사동영상 노출여부

                'wmode': 'transparent'

            },

            events: {

                'onReady': onPlayerReady,

                'onStateChange': onPlayerStateChange

            }

        });

    } catch (e) {

    }

    

    // 유튜브 플레이어가 다 만들어지면 호출됨

    function onPlayerReady(event) {

        // 자동으로 플레이하는 코드

        // event.target.playVideo();

    }

    // 동영상의 재생이 완료되었을 때 호출됨

    function onPlayerStateChange(event) {

        if (event.data === 0) {

            // 종료 후 작업을 여기에 코딩

            $("#playerLayer").detach();

        }

    }

</script>