[HTML] audio, video, embed 태그

음악과 비디오를 html에 삽입하는 방법을 배웠다.

음악, 비디오 등은 <audio>, <video>, <embed> 같은 태그로 삽입할 수 있다.

<!--오디오 삽입, src로 경로를 삽입, controls를 추가하여 컨트롤바 추가-->
<audio src="./audio/piano.mp3" controls></audio>
<!--비디오 삽입, src로 경로 삽입, controls로 컨트롤바 추가, 크기 조절 가능-->
<video src="./video/mov.mp4" type="video/mp4" controls width="500px" height="500px"></video>

위와는 별개로 embed 태그로 video를 삽입 할 수 있는데, 유튜브 영상도 이 태그로 삽입하게 된다.

<embed src="https://www.youtube.com/embed/유튜브 영상 고유번호" type="video/mp4">

위처럼 embed 태그로 유튜브 영상을 삽입 할 수 있는데, 주소창의 주소를 그대로 입력하게 되면 오류가 발생한다.

따라서 주소를 수정해주거나, 유튜브 퍼가기 기능을 사용해서 삽입할 수가 있는데, 주소를 수정해주는 방법은 다음과 같다.

https://www.youtube.com/embed/watch?v=영상 고유번호

위 주소에서 embed를 추가, watch?v= 부분을 제거하면 된다.
예시) https://www.youtube.com/embed/영상 고유번호