HTML5 비디오 video tag_html5 튜토리얼 기술 사용 소개

HTML 는 HTML 5에 적용 가능하며 온라인 보기를 위한 비디오 스트리밍 미디어를 정의하는 데 사용됩니다.

코드 복사 코드는 다음과 같습니다. 여기에 주석 텍스트가 있습니다. HTML 5를 지원할 수 없는 경우 브라우저는 여기에 텍스트를 표시하세요. 지원되는 경우 비디오가 직접 표시되고 텍스트는 무시됩니다. HTML 4 이전에서는 웹페이지에서 온라인으로 보기 위해 비디오를 삽입하려면 일반적으로 및 태그를 사용하여 Flash 비디오 스트림을 사용해야 합니다. swf, flv 및 기타 형식의 비디오 파일을 다운로드할 수 있지만 전제는 브라우저가 타사 플러그인인 Adobe Flash Player를 설치해야 한다는 것입니다. 최신 스마트폰과 아이패드는 일반적으로 Flash를 지원하지 않으므로 웹에서 비디오를 탐색할 수 없습니다. HTML 5에서는 이러한 사실이 변경되었습니다. 웹 개발자는 타사 플러그인 없이 비디오 파일을 쉽게 로드하기 위해

<table style="BORDER-BOTTOM: rgb(221,221,221) 1px solid; TEXT-ALIGN: center; BORDER-LEFT: rgb(221,221,221) 1px solid; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: none; BACKGROUND-COLOR: rgb(255,255,255); FONT-VARIANT: normal; FONT-STYLE: normal; TEXT-INDENT: 0px; MARGIN: 9px 0px; PADDING-LEFT: 0px; WIDTH: 639px; PADDING-RIGHT: 0px; BORDER-COLLAPSE: collapse; FONT-FAMILY: arial, 宋体, sans-serif; WHITE-SPACE: normal; LETTER-SPACING: normal; COLOR: rgb(37,37,37); FONT-SIZE: 12px; BORDER-TOP: rgb(221,221,221) 1px solid; FONT-WEIGHT: normal; BORDER-RIGHT: rgb(221,221,221) 1px solid; WORD-SPACING: 0px; PADDING-TOP: 0px; -webkit-text-stroke-width: 0px"> 속성 가치 설명 자동재생 자동재생 이 속성이 있으면 동영상이 준비되는 대로 재생됩니다. 컨트롤 컨트롤 있는 경우 재생 버튼과 같은 컨트롤을 사용자에게 표시합니다. 키 픽셀 값 동영상 플레이어의 높이를 설정합니다. 루프 루프 이 속성이 나타나면 미디어 파일 재생이 완료된 후 재생이 다시 시작됩니다. 사전 로드 자동/메타/없음 동영상을 미리 로드할지 여부를 지정합니다. 가능한 값은 다음과 같습니다. auto - 페이지가 로드될 때 전체 동영상을 로드합니다. meta - 페이지가 로드된 후 메타데이터만 로드합니다. none - 페이지가 로드된 후 동영상을 로드하지 않습니다. 페이지가 로드됩니다. 동영상 로드 중 * 소스 동영상 주소 재생할 영상의 URL은 절대주소 사용을 권장합니다. 너비 픽셀 값 동영상 플레이어의 너비를 설정합니다. 호환되는 동영상 태그를 작성하는 방법은 무엇입니까?

오래된 브라우저와 Internet Explorer는 요소를 지원하지 않으므로 호환성을 고려하여 이러한 브라우저에 대해 Flash 파일을 지원하는 솔루션을 찾아야 합니다. 불행하게도 HTML 5 오디오와 마찬가지로 비디오 파일 형식의 경우 Firefox와 Safari/Chrome은 같은 방식으로 지원하지 않습니다. 따라서 이때 HTML 5 비디오를 사용하려면 세 가지 버전의 비디오를 만들어야 합니다. OGG, MP4, FLV/SWF

코드 복사 코드는 다음과 같습니다. width="320" height="240"allowscriptaccess="always"allowfullscreen="true">

속성	가치	설명
자동재생	자동재생	이 속성이 있으면 동영상이 준비되는 대로 재생됩니다.
컨트롤	컨트롤	있는 경우 재생 버튼과 같은 컨트롤을 사용자에게 표시합니다.
키	픽셀 값	동영상 플레이어의 높이를 설정합니다.
루프	루프	이 속성이 나타나면 미디어 파일 재생이 완료된 후 재생이 다시 시작됩니다.
사전 로드	자동/메타/없음	동영상을 미리 로드할지 여부를 지정합니다. 가능한 값은 다음과 같습니다. auto - 페이지가 로드될 때 전체 동영상을 로드합니다. meta - 페이지가 로드된 후 메타데이터만 로드합니다. none - 페이지가 로드된 후 동영상을 로드하지 않습니다. 페이지가 로드됩니다. 동영상 로드 중
* 소스	동영상 주소	재생할 영상의 URL은 절대주소 사용을 권장합니다.
너비	픽셀 값	동영상 플레이어의 너비를 설정합니다.

HTML5 비디오 video tag_html5 튜토리얼 기술 사용 소개

관련 기사