2026, 새로운 도약을 시작합니다.

유튜브 스크립트, 비메오

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

좋아요 감사합니다.

감사합니다~!

감사합니다. 

좋은 정보 감사합니다.

좋은 정보 감사합니다.

댓글 작성

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

로그인하기

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.
번호 분류 제목 글쓴이 날짜 조회
5402 MySQL 5일 전 조회 21
5401 JavaScript 2주 전 조회 115
5400 MySQL 1개월 전 조회 222
5399 PHP 2개월 전 조회 468
5398 PHP 2개월 전 조회 352
5397 PHP 2개월 전 조회 281
5396 기타 5개월 전 조회 559
5395 PHP 6개월 전 조회 1,195
5394 MySQL 7개월 전 조회 790
5393 웹서버 9개월 전 조회 985
5392 1년 전 조회 1,308
5391 11개월 전 조회 1,318
5390 11개월 전 조회 1,113
5389 10개월 전 조회 1,029
5388 10개월 전 조회 1,170
5387 9개월 전 조회 962
5386 JavaScript 9개월 전 조회 1,148
5385 웹서버 9개월 전 조회 1,169
5384 JavaScript 10개월 전 조회 991
5383 기타 11개월 전 조회 1,414
5382 기타 11개월 전 조회 659
5381 JavaScript 11개월 전 조회 1,074
5380 기타 11개월 전 조회 833
5379 JavaScript 11개월 전 조회 831
5378 1년 전 조회 1,396
5377 기타 1년 전 조회 941
5376 jQuery 1년 전 조회 638
5375 jQuery 1년 전 조회 871
5374 기타 1년 전 조회 947
5373 MySQL 1년 전 조회 980
🐛 버그신고