iframe youtube (2) 썸네일형 리스트형 #8. iframe youtube 썸네일을 이미지 주소로 가져오기 iframe으로 youtube 동영상을 끌어오고 싶은데 동영상 재생 화면이 아니라 썸네일로 끌어오고 싶다 youtube 썸네일을 따로 캡처하거나 수동으로 뭔가를 하지 않고 바로 이미지 주소를 끌어올 수 있다 https://www.youtube.com/embed/FNF_a8D2UEc 이렇게 youtube 주소가 있을 때 가장 뒤에 있는 저 값을 https://img.youtube.com/vi/FNF_a8D2UEc/0.jpg 이 위치에 넣어주면 자동으로 썸네일을 보여준다 위 아래 검정색 띠가 생기는데 이게 싫다면 아래를 사용한다 https://img.youtube.com/vi/FNF_a8D2UEc/mqdefault.jpg [#CSS] iframe 유튜브 영상 첨부 시 비율에 따라 크기 조절하기 유튜브 영상을 첨부하려고 하는데 반응형으로 영상 프레임 크기가 늘어났다, 줄어들었다 했으면 좋겠다 js를 쓰지 않고 css만 이용해서 설정해보자 html iframe width, height 비율 설정하기(with shab) css .video-list ul li { position: relative; padding-bottom: 55%; overflow: hidden; } .video-list ul li iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 기기 혹은 웹에 따라 자동으로 크기가 비율로 조절된다 이전 1 다음