비디오: HTML - 비디오 삽입 2025
Dreamweaver를 사용하여 비디오 파일을 웹 페이지에 직접 삽입 할 수는 있지만 비디오 호스팅 서비스 중 하나를 사용하는 것이 가장 좋습니다. YouTube 또는 Vimeo.
삽입 메뉴에서 미디어를 선택하면 여러 비디오 및 오디오 옵션을 찾을 수 있습니다. Windows Media Video (.wmv) 또는 QuickTime (. mov)과 같이 이전보다 독점적 인 형식의 비디오 파일을 삽입하려는 경우 Insert의 Media 드롭 다운 목록에서 Plugin 옵션을 선택합니다 메뉴.
HTML5 비디오 태그를 사용하여 최신 비디오 형식을 사용하려는 경우 다음 단계에 따라 MP4, webM 또는 Ogg Theora 형식으로 비디오를 삽입 할 수 있습니다.
-
원하는 위치를 클릭하십시오. 귀하의 웹 페이지에 표시 할 파일.
-
삽입 → 미디어 → HTML5 비디오를 선택하십시오.
삽입 패널의 드롭 다운 목록을 클릭하고 미디어를 선택한 다음 HTML 5 비디오를 선택할 수도 있습니다. 디자인에 필름 아이콘이 포함 된 작은 회색 상자가 나타납니다.
-
필름 아이콘이있는 작은 회색 상자를 클릭하십시오.
비디오 속성은 화면 하단의 속성 관리자에 표시됩니다.
-
속성 관리자의 [소스] 필드에서 비디오 파일의 URL을 입력하거나 [찾아보기] 아이콘을 선택한 다음 하드 드라이브에서 비디오 파일을 선택합니다.
파일을 선택하면 소스 창에 경로와 파일 이름이 나타납니다.
-
(선택 사항) Alt Source 1 및 Alt Source 2 필드를 사용하여 URL을 입력하거나 추가 형식으로 비디오를 찾아 선택하십시오.
HTML5 비디오 태그 사용의 복잡함 중 하나는 mp4, Ogg Theora 및 webM의 세 가지 비디오 형식으로 사용할 수 있다는 것입니다. 비디오를 모든 인기있는 웹 브라우저에서 재생하려면 비디오를 세 가지 형식으로 모두 포함시켜야합니다.
세 가지 소스 입력란 모두에서 각 형식의 동영상으로 채워지는 것을 볼 수 있습니다. 또한 이전 버전의 웹 브라우저에 대한 플래시 비디오를 [플래시 폴백] 필드에 포함 할 수 있습니다.
네 가지 형식으로 네 가지 비디오 파일을 임베드해야하는 것이 미친 경우 혼자가 아닙니다. 이러한 복잡성은 브라우저 회사간에 비디오에 가장 적합한 형식에 대한 동의가 부족하기 때문에 발생합니다.
Vimeo 또는 YouTube를 사용하여 동영상을 호스팅하는 또 다른 이점은 동영상을 한 가지 형식으로 업로드 할 수 있다는 것입니다. YouTube와 Vimeo는이를 변환하여 모든 형식으로 자동 전달합니다.
-
속성 관리자의 높이 및 너비 각각 높이 및 너비를 입력합니다.
오디오 또는 비디오를 추가 할 때 Dreamweaver에서는 파일의 높이와 너비를 자동으로 결정하지 않으므로 파일을 삽입 한 후에 속성 관리자에서 치수를 추가해야합니다.
-
페이지를 저장하고 호환성을 위해 브라우저에서 페이지를 열려면 미리보기 (지구) 아이콘 (작업 영역 상단에 있음)을 클릭하십시오.
모든 브라우저에서 모든 동영상 형식이 재생되는 것은 아닙니다. 비디오를 테스트하여 적어도 브라우저에서 기본 대상으로 지정한 비디오가 재생되는지 확인하십시오. 파일을 자동 재생으로 설정하면 페이지가 브라우저에로드 될 때 파일이 자동으로 재생됩니다. 그렇지 않으면 브라우저가 비디오를 시작, 일시 중지, 빨리 감기 및 되감기 할 수 있도록 간단한 컨트롤러를 삽입합니다.
