iframe 태그란?
주로 유튜브 영상을 추출하는 데에 사용되는 태그
소스코드 복사 -> 코드에 붙여넣기
<iframe src="소스코드"></iframe>
video 태그란?
내 파일에 있는 영상을 출력하는 데에 사용되는 태그
반복 재생 등의 기능을 구현하는 태그
<video><source src="영상파일 경로"></video>
이렇게만 하면 자동재생이 되지 않는다
해결법 ?
<video autoplay muted loop>
<source src="영상파일 경로">
</video>
autoplay(자동재생), muted(음소거), loop(반복재생)
video 태그를 원하는 크기에 맞출려면 ?
-> object-fit : fill / cover;
iframe 태그 vs video 태그
iframe 태그 : 원본 영상의 영향을 많이 받음
게시자가 영상을 내리거나, 비공개 처리한 경우 재생 불가
원본 크기에 의존적이기 때문에, 반응형 작업에 취약함
video 태그 : 다양한 기능 제공, 반응형 작업에 용이함