컴터

유튜브 IFRAME 소스코드 자동시작 전체화면 버튼 숨기기

2017. 3. 29. 15:21

유튜브 IFRAME 소스코드 자동시작 전체화면 버튼 숨기기


유튜브 사용하시는 분들 중에서 웹사이트나 블로그 카페 SNS 등에 동영상을 올리시는 분들이 계십니다. 그런 분들은 여러가지 옵션을 사용하는데요.


IFRAME에 대해 아무것도 모르는 사람들은 코드 때문에 고생을 하기도 하죠.


그래서 오늘은 동영상 플레이어 매개변수 옵션값에 대해 준비해보았습니다.







위 값은 기본값 코드 입니다. 기본적으로 유튜브에서 제공되는 값이죠.


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

src="https://www.youtube.com/embed/M7lc1UVf-VE"

frameborder="0" allowfullscreen>


글로 작성하면 위와 같습니다. 이제 우리는 동영상이 자동시작이 되도록 설정을 해보도록 하겠습니다. 참고로 위에 보시면 색실한 부분이 있죠? HTTP부터 VE까지요. 그 색칠한 부분은 자신의 유튜브 동영상 주소를 넣으면 됩니다.







이게 바로 자동시작 코드값 입니다.


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

src="https://www.youtube.com/embed/M7lc1UVf-VE?autoplay=1"

frameborder="0" allowfullscreen>


글로 작성하면 위와 같습니다. 눈치 채셨나요? 네 맞습니다. 오토플레이값을 추가했습니다. 이렇게 입력하시게 되면 영상이 자동으로 시작됩니다. 마찬가지로 색칠한 부분은 자신의 유튜브 영상 소스값을 넣으시면 됩니다.







이게 바로 플레이어에 전체화면 버튼 안나오게 하는 코드값입니다.


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

src="https://www.youtube.com/embed/M7lc1UVf-VE?fs=0"

frameborder="0" allowfullscreen>


역시 글로 작성하면 위와 같은데요. FS값을 추가한거죠. 이렇게 바꾸면 전체화면 버튼 클릭이 사라지게 됩니다. 버튼 자체를 클릭이 안되게 하는거죠.