미디어

개념 이해하기

미디어는 파일 형식과 브라우저 지원, 용량, 대체 콘텐츠를 함께 고려해야 합니다. source를 여러 개 제공하면 브라우저가 지원하는 형식을 선택할 수 있습니다. 아래 예제는 실제 video·audio·img 요소를 사용하며 재생 파일을 가져오지 못해도 다운로드 링크와 대체 설명이 남습니다.

예제에서는 <video controls><source src="movie.mp4" type="video/mp4"></video> 부분부터 찾으세요. 태그 이름만 외우기보다 부모·자식 관계와 속성이 어느 요소에 붙는지를 한 덩어리로 읽으면 구조를 고치기 쉬워집니다.

먼저 현재 결과를 확인한 뒤 비디오 source를 하나 더 추가하고 자막 track이 필요한 이유를 설명하세요. 수정 전에는 예상한 변화를 한 문장으로 적고, 실행 뒤에는 정보 순서와 키보드 접근까지 그대로인지 살펴보세요.