비디오를 삽입하려는 위치에 커서를 둡니다.
웹 페이지에 HTML5 비디오를 삽입하는 방법 및 브라우저에서 비디오를 미리 보는 방법을 살펴봅니다.
Dreamweaver로 HTML5 비디오를 웹 페이지에 삽입할 수 있습니다.
HTML5 비디오 요소는 영화나 비디오를 웹 페이지에 포함시키는 표준 방법을 제공합니다.
HTML 비디오 요소에 대한 자세한 내용은 W3schools.com의 HTML5 비디오에서 확인 가능한 문서를 참조하십시오.
비디오를 삽입하려는 위치에 커서를 둡니다.
삽입 > HTML > HTML5 비디오를 선택합니다. HTML5 비디오 요소는 지정된 위치에 삽입됩니다.
속성 패널에서 다양한 옵션에 대한 값을 지정합니다.
소스 / 대체 소스 1 / 대체 소스 2: 소스에 비디오 파일 위치를 입력합니다. 또는 폴더 아이콘을 클릭하여 로컬 파일 시스템에서 비디오 파일을 선택합니다. 비디오 포맷 지원은 브라우저마다 다릅니다. 소스의 비디오 포맷을 브라우저에서 지원하지 않을 경우, 대체 소스 1 또는 대체 소스 2에 지정된 비디오 포맷이 사용됩니다. 브라우저는 처음 인식된 포맷을 선택하여 비디오를 표시합니다.
비디오를 3개 필드에 신속하게 추가하려면 다중 선택을 사용하십시오. 한 폴더에 있는 동일한 비디오에 대해 3개의 비디오 형식을 선택할 때 목록의 첫 번째 형식을 소스에 대해 사용합니다. 목록의 다음 형식은 대체 소스 1과 대체 소스 2를 자동 채우기할 때 사용합니다.
브라우저와 지원되는 비디오 형식에 대한 자세한 정보는 아래 표를 참조하십시오. 최신 정보는 HTML5 - 브라우저 지원을 참조하십시오.
브라우저 |
MP4 |
WebM |
Ogg |
Internet Explorer 9 |
예 |
아니요 |
아니요 |
Firefox 4.0 |
아니요 |
예 |
예 |
Google Chrome 6 |
예 |
예 |
예 |
Apple Safari 5 |
예 |
아니요 |
아니요 |
Opera 10.6 |
아니요 |
예 |
예 |
웹 페이지를 저장합니다.
파일 > 실시간 미리보기를 선택합니다. 비디오를 미리보기하려는 브라우저를 선택합니다.
내 계정 로그인