유튜브 자동 재생되도록 html 코드 작성하기

워드프레스 글작성할 때, 유튜브 영상을 삽입하는 방법과 삽입된 유튜브 영상이 자동으로 계속해서 재생되는 방법에 대해 알아보겠습니다.

 





 

유튜브 자동 재생 html 코드 작성하기
유튜브 자동 재생 html 코드 작성하기

 





 


 

유튜브 영상에서 html 코드 가져오기

(1) 워드프레스 추가할 유튜브 영상을 실행합니다.

(2) 영상에서 공유를 눌러줍니다.

(3) 공유에서 ‘< >’ 퍼가기를 선택합니다.

유튜브 영상 자동 재생 설정법
유튜브 영상 자동 재생 설정법

 

(4) 동영상 퍼가기에 내용을 복사합니다.

유튜브 영상 자동 재생 설정법
유튜브 영상 자동 재생 설정법

 

(5) 워드프레스 글작성으로 돌아와서 ‘텍스트’ 탭을 선택하고 복사한 내용을 추가합니다.

(6) 유튜브 영상이 추가된 것을 확인할 수 있습니다.

 

 





 

 

유튜브 자동 재생 되도록 html 코드 작성하기

(1) 유튜브 주소 https://www.youtube.com/watch?v=14pE4pum9Qk

(2) 영상 주소: 14pE4pum9Qk

(3) 자동 재생 추가하기: 영상 주소 뒤에 ‘?autoplay=1’ 추가합니다.

(4) 유튜브는 크롬에서 소리가 나는 영상을 자동 재생이 안 되게 설정이 되어 있어서 조용히 상태로 변경합니다.

조용히 재생하기: 영상 주소 뒤에 ‘&mute=1’ 추가합니다.

(5) 반복 시청 추가하기: 영상 주소 뒤에 ‘&loop=1’

(6) 유튜브 자동 재생되도록 설정하고 반복 시청할 수 있도록 설정하기

 

변경 전: https://www.youtube.com/watch?v=14pE4pum9Qk

자동 재생되도록 변경: https://www.youtube.com/watch?v=14pE4pum9Qk?autoplay=1&mute=1&loop=1

유튜브 자동 재생되는 영상 실제로 확인하기

 





 

이상으로 유튜브 영상을 워드프레스 글작성할 때 내용을 추가하는 방법과 유튜브 자동 재생하는 방법에 대해 알아보았습니다.

 

답글 남기기