2023/08/10 개발일지(동영상 삽입)

오늘은 페이지에 동영상을 삽입해봤다.
처음에는

<video autoplay controls loop muted poster="" preload="">
  <source src="" type="">
  
</video>

autoplay : 동영상을 자동으로 재생
controls : 재생, 정지 등 조작 메뉴를 보여줌
loop : 동영상을 반복 재생
poster : 썸네일이라고 보면 됨
preload : 페이지를 열 때 무엇을 로드할지 정한다.
auto : 동영상, 메타데이타 모두 로드한다.
metadata : 메타데이타만 로드한다.
none : 로드하지 않는다.
source src : URL
type : 동영상 타입. 만약 MP4 파일이면 video/mp4

처음에는 이 코드로 하려고 했으나 잘 되지 않아서

<iframe width="" height="" src="url" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

이 코드로 삽입했다.

id명과 class명이 같아도 된다는 것을 오늘 처음 알았다... 알았다면 코드가 더 깔끔했을텐데..

4일차지만 프론트엔드가 백엔드보다 더 어려운 것 같다..