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

유튜브 스크립트, 비메오

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

좋아요 감사합니다.
1년 전

감사합니다~!

1년 전

감사합니다. 

1년 전

감사합니다.

좋은 정보 감사합니다.

감사합니다. 

좋은 정보 감사합니다.

게시글 목록

번호 제목
18088
18080
18078
18070
18061
18037
18036
18033
18022
18021
18020
18018
18004
17999
17995
17987
17982
17981
17980
17970
17965
17964
17963
17962
17960
17956
17953
17949
17930
17928