이전
목록
다음
비

유튜브 크롬에서 자동재생 무한반복 시키기

비타주리
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2022-06-16 (목) 11:57:21 · 8209 · 12

링크

http://www.mediaplayer.kr/main/tip/58 (229)

[code]

<iframe id="ytPlayer" style="width:100%;display:block" src="https://www.youtube.com/embed/?playlist=유튜브아이디&loop=1&autoplay=1" allow="autoplay" frameborder=0 allowfullscreen></iframe>
<script>ytPlayer.style.height = ytPlayer.offsetWidth * 9 / 16 + "px";</script>

[/code]

 

----------

 

<script>ytPlayer.style.height = ytPlayer.offsetWidth * 9 / 16 + "px";</script>

이건 반응형 코드이니 본인들이 알아서...

핵심은 아이디를 playlist 로 주고 allow="autoplay" 를 넣는 것입니다.

|

댓글 12개

arari
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2022-06-16 (목) 12:10:28
감사합니다.
비타주리
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2022-06-16 (목) 13:08:11
@arari 근데 자동재생이 서버환경에 따라 오락가락 하네요. 에효효
들레아빠
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2022-06-16 (목) 13:08:47
좋아요. 감사 합니다.
비타주리
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2022-06-16 (목) 21:59:20
@들레아빠 자동재생은 좀 그러네요. 무한반복만...
호텔천사
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2022-06-16 (목) 13:26:33
감사합니다. ^^
비타주리
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2022-06-16 (목) 21:59:28
@호텔천사 감사요
hiwoong
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2022-06-16 (목) 16:37:30
감사합니다.
비타주리
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2022-06-16 (목) 21:59:35
@hiwoong 감사요
Innisfree
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2022-06-22 (수) 20:20:28
오오~ 유용한 소스 감사드립니다 ^-^
추천 꾹 눌러드렸어요~!
구글 정책상 크롬 등 일부 브라우저에서는 mute를 하지 않으면 autoplay를 막아놓는 경우가 있는 것으로 알고 있습니다 ㅠㅠ

참고 :
https://stackoverflow.com/questions/58189735/embedded-youtube-iframes-no-longer-autoplay
https://negabaro.github.io/archive/why-does-not-working-autoplay

그럼 비타주리 님께서도 편안한 밤 되시고 장마 조심하세요~!
비타주리
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2022-06-22 (수) 20:34:05
@Innisfree
감사요. 자동재생은 안 되네요.ㅜㅠ
멍D
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2022-07-07 (목) 14:43:30
저 한번 해보겠습니다.
쏘니맘
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2022-08-01 (월) 13:14:45
<iframe width="500" height="500" src="https://www.youtube.com/embed/영상아이디?autoplay=1&mute=1&rel=0&controls=0&loop=1&playlist=영상아이디&playsinline=1" title="영상제목" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>


*** &mute=1 *** 이값은 넣어도 되고 빼도 됩니다. (음향 유무)
*** &playlist=영상아이디&playsinline=1 **** (이 부분이 추가되어야 무한 재생됩니다.)

참고 링크

https://gyuri-v.tistory.com/entry/%EB%8F%99%EC%98%81%EC%83%81-%EC%99%84%EC%A0%84-%EC%A0%95%EB%B3%B5-%E2%91%A1-%EC%9C%A0%ED%8A%9C%EB%B8%8C-iframe
댓글을 작성하시려면 로그인이 필요합니다.
+
제목 글쓴이 날짜 조회
22-07-03 조회 1만
22-07-03 조회 7,038
22-07-01 조회 8,624
22-06-29 조회 8,035
22-06-28 조회 8,052
22-06-23 조회 9,620
22-06-22 조회 7,488
22-06-22 조회 7,429
22-06-22 조회 7,312
22-06-21 조회 6,513
22-06-21 조회 7,719
22-06-20 조회 8,367
22-06-20 조회 7,463
22-06-17 조회 7,001
22-06-16 조회 7,600
22-06-16 조회 6,635
22-06-16 조회 6,589
22-06-16 조회 8,210
22-06-15 조회 6,750
22-06-14 조회 7,783
22-06-13 조회 6,607
22-06-13 조회 6,220
22-06-13 조회 6,561
22-06-11 조회 6,859
22-06-10 조회 6,517
22-06-10 조회 7,207
22-06-09 조회 7,154
22-06-09 조회 6,136
22-06-08 조회 8,154
22-06-08 조회 6,689
글쓰기