Dreamweaver8을 사용하여 웹 페이지에 Flash 비디오 삽입
저자:Eve Cole
업데이트 시간:2009-06-01 01:03:26
Dreamweaver의 "문서" 창에서 index.html 페이지를 열고 3열 표를 삽입한 다음 3열 표의 중간 열에 있는 그래픽을 한 번 클릭합니다.
삽입 > 미디어 > Flash 비디오를 선택합니다.
Flash 비디오 삽입 대화 상자의 비디오 유형 팝업 메뉴에서 점진적 다운로드 비디오를 선택합니다. 에 대한…
Flash 비디오 정보 Dreamweaver에서 Flash 비디오 삽입 명령을 사용하면 Flash 제작 도구를 사용하지 않고도 Flash 비디오 내용을 웹 페이지에 삽입할 수 있습니다. 이 명령은 Flash 구성 요소를 삽입합니다. 브라우저에서 볼 때 재생 컨트롤 세트와 함께 선택한 Flash 비디오 콘텐츠가 표시됩니다.
Flash 비디오 삽입 명령은 사이트 방문자에게 비디오 콘텐츠를 보내기 위한 다음 옵션을 제공합니다.
프로그레시브 다운로드 비디오는 Flash 비디오(FLV) 파일을 사이트 방문자의 하드 드라이브에 다운로드한 다음 재생합니다. 그러나 전통적인 "다운로드 및 재생" 비디오 전달 방법과 달리 점진적 다운로드를 사용하면 다운로드가 완료되기 전에 비디오 파일 재생을 시작할 수 있습니다.
스트리밍 비디오는 Flash 비디오 컨텐츠를 스트리밍하고 웹 페이지에서 즉시 재생합니다. 웹 페이지에서 스트리밍 비디오를 활성화하려면 Flash 비디오 컨텐츠를 스트리밍할 수 있는 유일한 서버인 Macromedia Flash Communication Server에 대한 액세스 권한이 있어야 합니다.
URL 텍스트 상자에서 찾아보기를 클릭하고, 카페_타운센드_home.flv 파일(사이트의 카페_타운센드 루트 폴더에 위치)을 찾아 FLV 파일을 선택하여 카페_타운센드_홈.flv 파일에 대한 상대 경로를 지정합니다.
모양 팝업 메뉴에서 Halo Skin 2를 선택합니다.
선택한 모양의 미리보기가 모양 팝업 메뉴 아래에 나타납니다. 모양 옵션은 Flash 비디오 컨텐츠를 포함할 Flash 비디오 구성 요소의 모양을 지정합니다.
너비 및 높이 텍스트 상자에서 다음을 수행합니다.
너비 텍스트 상자에 180을 입력합니다.
높이 텍스트 상자에 135를 입력하고 Enter 키를 누릅니다.
힌트
FLV 파일의 정확한 너비와 높이를 확인하려면 "크기 감지"를 클릭하세요. 그러나 Dreamweaver에서 FLV 파일의 크기를 확인할 수 없는 경우가 있습니다. 이 경우 너비와 높이 값을 수동으로 입력해야 합니다.
너비 및 높이 텍스트 상자의 값은 FLV 파일의 너비와 높이를 픽셀 단위로 지정합니다. 이 값을 임의로 조정하여 웹 페이지에서 Flash 비디오의 크기를 변경할 수 있습니다. 비디오 크기를 늘리면 일반적으로 비디오의 화질이 저하됩니다.
알아채다
"스킨 포함"은 FLV 파일의 너비와 높이에 선택한 스킨의 너비와 높이를 더한 값입니다.
나머지 옵션은 기본 선택 값을 유지합니다.
종횡비 제한은 Flash 비디오 구성 요소의 너비와 높이 사이의 종횡비를 일정하게 유지합니다. 이 옵션은 기본적으로 선택되어 있습니다.
자동 재생은 웹 페이지가 열릴 때 비디오를 재생할지 여부를 지정합니다. 이 옵션은 기본적으로 선택 취소되어 있습니다.
자동 재생은 비디오 재생이 완료된 후 재생 컨트롤이 시작 위치로 돌아갈지 여부를 지정합니다. 이 옵션은 기본적으로 선택 취소되어 있습니다.
확인을 클릭하여 대화 상자를 닫고 Flash 비디오 컨텐츠를 웹 페이지에 추가하십시오.
Flash 비디오 삽입 명령은 웹 페이지에 Flash 비디오 내용을 표시하는 데 사용되는 비디오 플레이어 SWF 파일과 스킨 SWF 파일을 생성합니다. (새 파일을 보려면 파일 패널에서 새로 고침 버튼을 클릭해야 할 수도 있습니다.) 이러한 파일은 Flash 비디오 콘텐츠(이 경우 Cafe_townsend 루트 폴더)가 디렉토리에 추가된 것과 동일한 HTML 파일에 저장됩니다. . Flash 비디오 내용이 포함된 HTML 페이지를 업로드하면 Dreamweaver는 이러한 파일을 관련 파일로 업로드합니다. "관련 파일을 업로드하시겠습니까?" 대화 상자에서 예를 클릭하면 됩니다.
이 페이지를 저장하고 효과를 테스트해 보세요.