1. 페이지 로드 시 유튜브영상 자동 재생 방법
iframe의 src 링크 뒤에 ?amp;autoplay=1삽입
(정지=0, 재생=1 이며 기본값은 0)
* 스마트폰, 태플릿 등 모바일 기기에서는 영상재생 시 데이터가 소모되기 때문에 기기 설정에 따라 자동영상 재생에 제한이 있다고함.
<iframe width="" height-"" src="유튜브링크?amp;autoplay=1" frameborder="0" allowfullscreen></iframe> |
2. 한 영상을 반복해서 재생하기
iframe의 src 링크 뒤에 ?amp;loop=1삽입
(정지=0, 재생=1 이며 기본값은 0)
<iframe width="" height-"" src="유튜브링크?amp;loop=1" frameborder="0" allowfullscreen></iframe> |
3. 특정시간부터 재생
! 동영상 퍼가기 기능에 "시작 시간"을 입력하면 자동으로 코드가 생성됨
iframe의 src 링크 뒤에 ?start=숫자(초)삽입
<iframe width="" height-"" src="유튜브링크?start=30" frameborder="0" allowfullscreen></iframe> |
4. 컨트롤바 숨김
iframe의 src 링크 뒤에 ?controls=0삽입
(숨김 =0, 표시=1 이며 기본값은 1)
<iframe width="" height-"" src="유튜브링크?controls=0" frameborder="0" allowfullscreen></iframe> |
그 외 유튜브에서 제공하는 다양한 매개 변수
https://developers.google.com/youtube/player_parameters?hl=ko
유튜브 매개변수
자동 재생, 연속재생 등
반응형
'D.evelop > MarkUp' 카테고리의 다른 글
[HTML]오디오 재생 시 재생 중인 다른 오디오 정지 (HTML Audio DOM) (0) | 2023.12.01 |
---|---|
[HTML]canvas 사용법 - 기본 (rect, path, arc) (0) | 2023.05.27 |
[HTML] redirect <meta http-equiv="refresh"/>로 해결한 사례 (0) | 2022.06.15 |
[HTML] a태그 link와 onclick을 통한 링크 이동 (with C#) (0) | 2022.06.15 |
video태그 - 자동 재생 autoplay에 대한 방법과 생각 (3) | 2022.03.15 |
댓글