반응형
Iframe에서 youtube 동영상을 플레이(노출)시킬 때, 해당 영상이 종료되면 여러 광고 영상들이 노출되는데 일반 기업에서는 광고 영상보다는 자신들의 회사 영상같이 기존 영상과 연관되어 있는 동영상이 노출되기를 원하게 됩니다.
그럴 경우 아래처럼 영상 url 뒤에 옵션 인자를 붙여주게 되면 관련 동영상이 노출됩니다.
💡 영상 종료 후 관련 영상이 노출되게 하는 방법
youtube/embed/동영상주소?rel=0
해당 url뒤에 ?rel=0 을 붙여주면 동영상이 종료된 후에 관련 동영상이 변경됩니다.
매개변수 값을 기본값인1로 설정하면 플레이어에 관련 동영상이 표시됩니다.
매개변수 값을0으로 설정하면 플레이어에 관련 동영상이 표시되지 않습니다.
대신rel매개변수를0으로 설정하면 방금 동영상이 재생된 채널에서 관련 동영상을 가져옵니다.유튜브 공식 iframe player API 사이트 링크에서 확인을 해보면 위처럼 0과 1을 가지고, 관련 동영상 노출 / 비노출을 설정 가능합니다.
참고로 하나의 영상을 반복해서 재생하는 방법도 같이 공유합니다.
💡 반복 재생하는 방법
src 뒤에 VIDEO_ID?version=3&loop=1&playlist=VIDEO_ID 속성을 이용하면 되는데 loop 기본값은 0이고 1로 설정할 경우 반복 재생됩니다. VIDEO_ID는 물음표 앞의 VIDEO_ID와 동일하게 설정해주면 해당 동영상만 반복 재생됩니다.
개발에서 Youtube 영상을 불러올 때 옵션 값을 참고해서 불러오면 좋을 거 같습니다.
감사합니다.
반응형
'IT > Front-End' 카테고리의 다른 글
| LocalStorage, SessionStorage 그리고 Cookie (1) | 2022.06.15 |
|---|---|
| 한글로 코딩하기 (0) | 2022.05.02 |
| 브라우저는 어떻게 동작하는가? (0) | 2022.01.20 |
| 검색엔진(SEO) 최적화 적용하기 (0) | 2022.01.18 |
| CSR(Client Side Rendering), SSR(Server Side Rendering) (0) | 2021.12.23 |
광고차단(애드블록)프로그램이나 브라우저를 사용중이시면 프로그램을 비활성화이나 블로그 주소를 예외 처리 해주시면 광고가 노출됩니다. 귀찮고 번거롭겠지만 광고 클릭은 저에게는 큰 힘이 됩니다. 🙇🏻♂️🙇🏻♀️
제 블로그의 모든 글은 제가 직접 작성 하고 다른 글을 참고할 때는 이전 글보다 읽기 편하게 수정해서 작성하고 있습니다. 커피 한잔 사먹고 더 열심히 좋은글로 보답하겠습니다.
오늘도 제 블로그에 와 주셔서 감사합니다. :)
제 블로그의 모든 글은 제가 직접 작성 하고 다른 글을 참고할 때는 이전 글보다 읽기 편하게 수정해서 작성하고 있습니다. 커피 한잔 사먹고 더 열심히 좋은글로 보답하겠습니다.
오늘도 제 블로그에 와 주셔서 감사합니다. :)
