유튜브 스크립트, 비메오

· 2년 전 · 2217 · 7

<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값',    <!--  유튜브 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>  

 

 

자동시작 플레이   

 

 

Vimeo(비메오) 동영상 옵션 설정!

iframe으로 비메오에 올려진 영상

자동재생, 반복재생, 컨트롤러 숨기기 옵션 넣는방법

<iframe src="https://player.vimeo.com/video/영상id값?autoplay=1&loop=1&title=0&background=1" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

 

<div style="padding:75% 0 0 0;position:relative;margin-top:-40px;"><iframe src="https://player.vimeo.com/video/동영상아이디숫자만?badge=0&autoplay=1&loop=1&title=0&background=1&autopause=0&quality_selector=1&progress_bar=1&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="green"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>

 

 

 

일정부분부터 시작 코드  (ex: 5분 16초부터 시작)

#t=5m16s&

 


         

|

댓글 7개

좋아요 감사합니다.

감사합니다~!

감사합니다. 

감사합니다.

좋은 정보 감사합니다.

좋은 정보 감사합니다.

댓글을 작성하시려면 로그인이 필요합니다.

개발자팁

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

+
분류 제목 글쓴이 날짜 조회
PHP 1년 전 조회 1,141
PHP 1년 전 조회 929
OS 1년 전 조회 972
기타 1년 전 조회 771
기타 1년 전 조회 984
기타 1년 전 조회 772
기타 1년 전 조회 644
JavaScript 1년 전 조회 787
PHP 1년 전 조회 864
jQuery 1년 전 조회 882
PHP 1년 전 조회 1,243
Mobile 1년 전 조회 956
기타 1년 전 조회 838
2년 전 조회 1,705
기타 2년 전 조회 2,218
2년 전 조회 1,285
2년 전 조회 1,307
2년 전 조회 1,216
2년 전 조회 1,047
2년 전 조회 4,385
2년 전 조회 2,083
2년 전 조회 1,634
2년 전 조회 3,030
2년 전 조회 2,834
2년 전 조회 3,934
2년 전 조회 1,914
JavaScript 2년 전 조회 1,071
OS 2년 전 조회 1,089
PHP 2년 전 조회 1,259
PHP 2년 전 조회 1,160