유튜브 스크립트, 비메오

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

유튜브 스크립트, 비메오 정보

기타 유튜브 스크립트, 비메오

본문

<div id="player"></div>

       <script>
           var tag = document.createElement('script');
               tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
           function onYouTubeIframeAPIReady() {
               player = new YT.Player('player', {
                   videoId: 'id값', 
                   width:'1200',
                   height:'760',
               playerVars: {
                       'autoplay': 1,
                       'rel': 0,
                       'showinfo': 0,
                       'modestbranding': 1,
                       'playsinline': 1,
                       'showinfo': 0,
                       'rel': 0,
                       'controls': 0,
                       'color':'white',
                       'loop': 1,
                       'mute':1,
               },
               events: {
                   'onReady': onPlayerReady,
               }
               });
           }
           function onPlayerReady(event) {
               player.playVideo();
               player.mute();
           }var done = false;
           function onPlayerStateChange(event) {
               if (event.data == YT.PlayerState.PLAYING && !done) {
               setTimeout(stopVideo, 6000);
               done = true;
               }
           }
           function stopVideo() {
               player.stopVideo();
           }
       </script>