유튜브 내장 플레이어 화질 선택 기능 넣기

공식 원문 : https://developers.google.com/youtube/player_parameters?hl=ko

<iframe width="480" height="270" src="https://www.youtube.com/embed/2fDK71GWsBQ" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

위와 iframe으로 html 코드를 넣으면 컨트롤 (화질 설정, 자막 설정) 등이 없다. 

따라서,

<iframe width="480" height="270" src="https://www.youtube.com/embed/2fDK71GWsBQ" frameborder="0" controls="1" allow="autoplay; encrypted-media" allowfullscreen></iframe>

이렇게 controls 옵션을 1로 주면 영상에 화질 선택 및 자막 선택과 같은 컨트롤 기능이 삽입된다. 

이 밖에도 autoplay 나 disablekb 같은 유용해보이는 옵션들도 있으니 공식 원문 링크를 참조하자.

* disablekb="0" 으로 할 수 있는 키보드 기능.

값: 0 또는 1. 기본값은 0입니다. 1로 설정하면 플레이어 키보드 컨트롤이 사용 중지됩니다. 키보드 컨트롤은 다음과 같습니다.

• 스페이스바: 재생/일시중지
• 왼쪽 화살표: 현재 동영상에서 뒤로 10% 이동
• 오른쪽 화살표: 현재 동영상에서 앞으로 10% 이동
• 위쪽 화살표: 볼륨 높임
• 아래쪽 화살표: 볼륨 낮춤

<예시 영상>

<iframe width="770" height="433" src="https://www.youtube.com/embed/2fDK71GWsBQ" frameborder="0" controls="1" autoplay="1" disablekb="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>