최근 잘 사용하지 않는 태그

비디오

<video> 태그를 이용하여 사용 가능
controls 속성으로 컨트롤 추가
width, height 속성으로 크기 조절 가능
<source>로 대체 비디오 파일 지정 가능
autoplay 속성으로 자동 재생 가능
➡ 음소거되지 않을 경우 자동 재생 미지원 가능성이 있다.
muted 속성 추가로 음소거 자동재생 가능. autoplay muted 로 작성

오디오 - 비디오와 유사

<audio> 태그를 이용하여 사용
controls 속성으로 오디오 컨트롤 추가
<scource>로 대체 오디오 지정 가능
autoplay로 자동 재생.
muted 속성 추가로 음소거 자동재생 가능. autoplay muted 로 작성

---

iframe 사용하기 - 2

유튜브

공유 - 퍼가기 - 동영상 퍼가기 링크 이용

* 벨로그의 경우 이렇게 모든 링크를 가져와 붙여넣기시 자동으로 변환해준다.

!youtube[fh9A8SUHWHA]

일반적으로는 embed/코드 형태를 긁어온다.

<iframe src="https://www.youtube.com/embed/fh9A8SUHWHA">
</iframe>

위와 아래 모두 같은 결과값이 나온다. (물론 다른 곳에서 벨로그용 코드 사용시 나오지 않음)

자동재생 + 음소거

autoplay=1, mute=1 을 추가한다.

<iframe src="https://www.youtube.com/embed/fh9A8SUHWHA?autoplay=1&mute=1">
</iframe>

반복재생

loop=1로 반복되도록 설정 가능.

<iframe width="420" height="315"
src="https://www.youtube.com/embed/6_jPoXu3qqI?playlist=6_jPoXu3qqI&loop=1">
</iframe>

컨트롤 추가

controls=1 (기본 값) 0지정시 컨트롤이 표시되지 않는다.

<iframe width="420" height="315"
src="https://www.youtube.com/embed/nrZxwPwmgrw?controls=0">
</iframe>