티스토리 뷰

 

티스토리 블로그에 접속하면

별도로 링크된 동영상을 클릭하지 않아도 자동으로 재생되는 HTML 코드 공개합니다.

 

 

일단 유튜브나 링크걸 동영상의 소스코드를 복사합니다.

아래는 유튜브의 경우입니다.

 

유튜브 동영상에서 마우스 오른쪽 클릭 --> 소스 코드 복사

--> 아래와 같은 HTML 소스가 복사됨

 

복사된 소스를 붙여넣기하면 아래와 같은 내용이 나온다.

 

<iframe width="640" height="360" src="https://www.youtube.com/embed/Wktds08uZqA"

frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

 

위 소스 내용을 변경하기 위해서 아래와 같이 수정하면된다.

------------------------------------------------------------------------------------

width="640" height="360"  --> 원하는 크기로 사이즈 변경

amp;autoplay=1   --> 자동재생

amp;playlist=lDZnM3Uuq0E&amp;loop=1  --> 반복재생

------------------------------------------------------------------------------------

 

변경된 소스

<iframe width="500" height="300" src="https://www.youtube.com/embed/Wktds08uZqA?amp;autoplay=1&amp;playlist=lDZnM3Uuq0E&amp;loop=1"frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

 

 

위 소스는 크기조절하고 자동 재생과 반복재생을 추가하였으므로,

그대로 사용하실분은 파란색부분의 유튜브링크주소만 변경하셔도 된다.

 HTML 모드에서 원하는 위치에 붙여넣기를 해줍니다.

그렇게 해주면 아래의 영상과 같이 무한반복자동재생이 가능해집니다.

 

혹시 유튜브 동영상을 자동재생 & 반복재생이 하고 싶으시면 위와 같이 해보세요.

 

 

 

댓글