embed 태그와 video 태그의 차이점

웹페이지에 동영상을 넣을 사용하는 태그는 <video>입니다. 그런데 <embed>라는 비슷한 기능을 하는 태그가 있습니다. 두 태그의 차이점을 살펴보겠습니다.

 

사용법 및 호환성

• embed : HTML5 전에 오디오, 비디오, 이미지를 삽입하는 태그입니다
• video : 비디오 콘텐츠에 특화된 HTML5 시맨틱 태그입니다

구조 및 속성

• embed : src 속성을 태그 내에서 사용합니다. 
• video : src 속성을 직접 사용할 수도 있고, <video> 태그 하위에 <source>라는 태그를 이용할 수 있습니다.

브라우저 호환성

• embed : 대부분의 웹브라우저에서 지원되지만 HTML5에서 권장되지 않기 때문에 앞으로 새로 나올 브라우저에서 호환될지는 미지수입니다
• video : HTML5 표준을 준수하는 최신 브라우저에서 모두 지원됩니다.

 

정리하면 다음과 같아요.

<embed> 태그는 HTML5 이전 방식, <video>는 HTML5 방식입니다. 때문에 앞으로는 <video>태그를 사용하는게 좋습니다. 오디오는 <audio>, 이미지는 <img>를 쓰는게 좋겠죠?