유튜브 스크립트, 비메오

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

좋아요 감사합니다.
2024-03-27 (수) 23:15:22

감사합니다~!

감사합니다. 

2024-04-27 (토) 21:02:16

감사합니다.

좋은 정보 감사합니다.

감사합니다. 

좋은 정보 감사합니다.

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

개발자팁

5,403건

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

+
분류 제목 글쓴이 날짜 조회
PHP 24-06-30 조회 1,243
jQuery 24-06-19 조회 1,274
PHP 24-05-27 조회 1,718
Mobile 24-05-21 조회 1,398
기타 24-05-11 조회 1,228
23-10-30 조회 2,432
기타 23-10-24 조회 2,672
23-12-19 조회 1,680
24-01-10 조회 1,696
24-01-10 조회 1,682
24-01-15 조회 1,449
24-02-09 조회 5,090
24-02-16 조회 2,512
24-02-16 조회 4,154
24-02-18 조회 4,223
24-02-22 조회 3,276
24-02-25 조회 4,372
24-03-09 조회 3,061
JavaScript 24-02-26 조회 1,448
OS 24-02-25 조회 1,502
PHP 24-02-23 조회 1,656
PHP 24-02-18 조회 1,547
PHP 24-02-17 조회 1,458
PHP 24-02-16 조회 1,595
PHP 24-02-05 조회 1,605
JavaScript 24-01-28 조회 1,451
PHP 24-01-28 조회 1,395
PHP 24-01-27 조회 1,366
PHP 24-01-27 조회 2,619
PHP 24-01-27 조회 1,456