[Html] Media

Audio

<audio src=""></audio>

// 컨트롤러가 생김
<audio src="" controls></audio>

// 자동으로 재생
<audio src="" autoplay></audio>

// 자동으로 재생 + 무한 재생
<audio src="" loop autoplay></audio>

<audio controls>
 <source src="foo.opus" type="audio/ogg; codecs=opus"/>
 <source src="foo.ogg" type="audio/ogg; codecs=vorbis"/>
 <source src="foo.mp3" type="audio/mpeg"/>
</audio>

↑ 사용자들이 어떤 브라우저를 사용할 지 모르기 때문에 최대한 지원할 수 있도록 함

 

https://developer.mozilla.org/ko/docs/Web/HTML/Element/audio

<audio> - HTML: Hypertext Markup Language | MDN

참고 자료

---

Video

<video controls width="250">

    <source src="/media/cc0-videos/flower.webm"
            type="video/webm">

    <source src="/media/cc0-videos/flower.mp4"
            type="video/mp4">

    <p>Sorry, your browser doesn't support embedded videos.</p>
</video>