본문 바로가기


유튜브

유튜브 iframe 옵션 태그 사용 알아보기 : YouTube IFrame Player Parameters API

by aisi1004 2017. 1. 14.

유튜브 iframe 옵션 태그 사용 알아보기 :  YouTube IFrame Player Parameters API


유튜브에서 친절하고 옵션에 대한 정보를 제공하고 있어요

이거 링크를 모르시는 분들은 위해서 포스팅하고 있어요.


기본 태그 말고 옵션을 활용을하면 내가 사용하려는 웹사이트 조금 더 적합하게 사용이 가능해요.



그러면

링크는 맨아래 넣어두었어요.


접속히면 동영상 ID로 로드에서 태그를 직접 만들수가 있어요.







플레이어 매개변수 표시 <- 이부분이 중요합니다.


클릭을 해보세요.







그러면 아래와 같이 옵션이 보이게 됩니다.




그냥 마구 눌러서 옵션을 만들어보았습니다.

이렇게 추가된 옵션을 활용이 가능합니다.


<iframe id="ytplayer" type="text/html" width="720" height="405"

src="https://www.youtube.com/embed/4mZ_W9plQqo?autoplay=1&cc_load_policy=1&disablekb=1&enablejsapi=1&loop=1&modestbranding=1&playsinline=1&color=white"

frameborder="0" allowfullscreen>




유튜브 플레이어 매개변수 중에 많이 사용하는 매개변수만 알아 볼게요


autoplay=1 (자동 플레이 됩니다.)


cc_load_policy=1 (자막 자동 표시 됩니다.)


controls=0 (컨트롤러 표시하지 않음)


disablekb=1 (키보드 컨트롤 사용중지)


fs=0 (전체 화면으로 보기 버튼 숨기기)


rel=0 (재생이 끝나고 관련 동영상 표시 하지 않음)


loop= (반복횟수지정)


start = (동영상 재생시작 시간 오프셋 설정)


end= (동영상 중지 시간 오프셋 설정)





YouTube IFrame Player API 페이지 링크 : https://developers.google.com/youtube/youtube_player_demo






댓글