반응형

유튜브 4

[유튜브] 유튜브 등록된 썸네일 가져오기 (+영상 가져오기)

| 문제상황영상이 재생 되기전, 썸네일 이미지를 보여 주고 싶은데, 따로 서버에 이미지를 올리지 않고 스크립트를 쓰지않고 빠르게html과 css로만 가져오려면 어떻게 해야할지 고민중인 상황(원래 모든 영상을 내 자체 서버에 올리려고 했는데 용량이 너무 크고(30분이상의 영상 X 7), 서버가 닫히면 영상을 불러올수없는 상황이 발생하는 등의 이유로 사용을 지향하는편)   | 방법 | 전체 코드  위 처럼 일반적으로 유튜브 영상 불러오는 iframe 위에 썸네일을 불러오는 아래의해결코드 (이미지 주소)를 넣고css로..

유튜브 Iframe 영상 파일 html 불러오기 (반복재생,뮤트,화질조정)

※ 100MB 이하면 구글 드라이브에 올려서 깔끔하고 빠르게 가져올 수 있지만 필자가 이번에 하는 프로젝트는 그럴 수 없어서 기록. See the Pen 유튜브 영상 HTML넣기 by hesper03 (@whdldi) on CodePen. ◆ 사용한 코드 설명: src: YouTube 동영상 재생 주소입니다. autoplay=1: 동영상을 자동으로 재생하도록 지정하는 매개변수입니다. "1"로 설정하면 동영상이 페이지를 로드할 때 자동으로 재생됩니다. mute=1: 동영상을 음소거로 설정하는 매개변수입니다. "1"로 설정하면 동영상이 음소거 상태로 재생됩니다. vq=small: 동영상 화질을 "small"로 설정하는 매개변수입니다. 이것은 동영상을 상대적으로 낮은 화질로 표시하도록 지시하는 것입니다. co..

🛠️ Dev. 2023.10.07
반응형