테스트 사이트 - 개발 중인 베타 버전입니다

유튜브 스크립트, 비메오

· 2년 전 · 1774 · 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&amp;autoplay=1&loop=1&title=0&background=1&autopause=0&amp;quality_selector=1&amp;progress_bar=1&amp;player_id=0&amp;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&amp;

 


         

댓글 작성

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

로그인하기

댓글 7개

좋아요 감사합니다.

감사합니다~!

감사합니다. 

좋은 정보 감사합니다.

좋은 정보 감사합니다.

게시글 목록

번호 제목
17316
17315
17313
17312
17305
17304
17298
17294
17291
17285
17284
17279
17272
17271
17270
17262
17255
17248
17241
17238
17236
17220
17217
JavaScript 회원가입 2
17216
17214
17207
17205
17203
17201
17198