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

유튜브 스크립트, 비메오

· 2년 전 · 1776 · 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개

좋아요 감사합니다.

감사합니다~!

감사합니다. 

좋은 정보 감사합니다.

좋은 정보 감사합니다.

게시글 목록

번호 제목
17591
17590
17589
17588
17587
17584
17583
17582
17581
17579
17577
17575
17574
17573
17572
17569
17564
17560
17559
17555
17554
17553
17552
17549
17548
17547
17542
17533
17531
17524