[IT관리자]

위 링크에 게시글 내용에 동영상이 삽입되어있는데, 유튜브나 기타 다른 서드파티 임베디드가 아니고
사이트 내에 짧은 길이의 영상이 loop하여 재생되게 하고있습니다.

옆으로 넘기는 모션도 가능한데 이런건 어떻게 구현할 수 있는지 궁금합니다.

게시글

[IT관리자]

움짤에 애니메이션 gif 파일이 많이 사용되었지만 효율이 떨어져서 요즘은 MP4로 많이 대체되고 있습니다. 해당 참조 페이지를 살펴보니 움직이는 gif 파일 대신 MP4 파일을 사용한 것 같네요.

​MP4 파일을 직접 업로드하는 것은 트래픽이 많이 유발되므로 YouTube에 올린 다음에 블로그에 삽입하는 방법이 좋습니다.

​자동으로 재생되도록 하려면 삽입되는 코드에 &autoplay=1을 추가하면 됩니다.

https://support.google.com/youtube/answer/171780?hl=en#zippy=,make-an-embedded-video-play-automatically

테스트로 자동 재생되도록 유튜브 영상을 하나 추가해보았습니다. 다음 글을 참고해보세요:

워드프레스 YouTube 영상 자동 재생하도록 삽입하기

크롬에서는 잘 작동할 것입니다. 하지만 모바일에서는 작동하지 않을 것입니다. 그것은 모바일 기기에서 자동재생되지 않도록 제한을 두었기 때문입니다. 모바일에서는 데이터로 접속할 수 있는데, 방문자가 원치 않는데 자동재생되어 데이터가 소비되는 것을 방지하기 위한 조치입니다.

추가: 위의 글에 모바일에서도 자동재생이 작동하도록 하는 코드도 소개되어 있으니 참고해보세요. 두 개의 youtube 영상이 있는데, 하단의 youtube 영상은 모바일에서도 자동 재생이 작동할 것입니다.

​워드프레스에서 코드를 넣는 방법은 다음 글을 참고해보세요:

워드프레스: 모바일 기기에서 유튜브 동영상이 잘리지 않고 표시되도록 하기

자동 재생되도록 하려면 html 코드로 삽입해보세요.

[글쓴이]

답변