슈

유튜브 스크립트, 비메오

· 2023-10-24 (화) 15:10:20 · 2734 · 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개

좋아요 감사합니다.

감사합니다~!

감사합니다. 

감사합니다.

좋은 정보 감사합니다.

좋은 정보 감사합니다.

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

개발자팁

5,403건

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

+
분류 제목 글쓴이 날짜 조회
MySQL 24-12-14 조회 1,821
기타 24-12-14 조회 1,995
JavaScript 24-12-13 조회 2,137
JavaScript 24-12-13 조회 1,641
PHP 24-12-13 조회 2,101
PHP 24-11-26 조회 4,548
기타 24-11-14 조회 2,458
기타 24-10-30 조회 2,717
PHP 24-10-11 조회 2,237
JavaScript 24-10-10 조회 1,301
JavaScript 24-09-26 조회 1,850
24-09-25 조회 2,413
JavaScript 24-09-07 조회 2,103
24-09-11 조회 1,538
24-09-19 조회 4,245
24-09-10 조회 4,328
24-08-19 조회 2,921
24-10-03 조회 1,803
24-08-07 조회 1,280
24-07-23 조회 1,968
24-07-08 조회 1,558
24-06-27 조회 1,465
PHP 24-08-23 조회 1,664
PHP 24-07-31 조회 1,410
OS 24-07-22 조회 2,383
기타 24-07-22 조회 1,250
기타 24-07-12 조회 1,458
기타 24-07-02 조회 1,674
기타 24-07-02 조회 1,139
JavaScript 24-06-30 조회 1,262