유튜브 iframe 옵션 태그 사용 알아보기

유튜브 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

출처: http://aisi1004.tistory.com/64