HTML 미디어 요약

카테고리

프로그래밍/소프트웨어 개발

서브카테고리

웹 개발

대상자

웹 개발자 (초보자 ~ 중급자)

- 난이도: 기초 수준 (HTML 기본 구조 이해 필요)

- 관련 분야: 웹 페이지에 동영상, 오디오 등 미디어 콘텐츠 삽입

핵심 요약

• HTML 요소는 웹 페이지에 동영상을 삽입하는 주요 방법
• 태그를 통해 여러 형식(mp4, ogg)의 동영상 파일을 지원
• 브라우저 호환성 대응을 위해 태그 내부에 "브라우저 지원 불가" 메시지 포함

섹션별 세부 요약

1. 웹 미디어의 정의

- 미디어 유형: 사운드, 음악, 동영상, 애니메이션 등

- 목적: 웹 페이지에서 사용자에게 시각적/청각적 콘텐츠 제공

2. `

• 기본 구조:

```html

Your browser does not support the video tag.

```

• 필수 속성:

- width, height: 영상 크기 설정

- controls: 재생/일시정지 버튼 표시

• 다중 형식 지원: mp4(대부분 브라우저 호환), ogg(오픈소스 호환)

3. 호환성 및 접근성 고려사항

- 브라우저 호환성: mp4와 ogg 두 형식을 동시에 제공하여 최대 호환성 확보

- 접근성: 텍스트 기반의 "지원 불가" 메시지로 브라우저 호환성 문제를 명시

결론

• 실무 팁: 동영상 형식은 mp4와 ogg를 병행 제공하고, 태그 내에 "브라우저 지원 불가" 메시지를 포함하여 사용자 경험 향상
• 예시:

```html

이 브라우저는 동영상을 지원하지 않습니다.

```