HTML 비디오 (동영상) 재생

HTML 방식의 비디오를 재생하는 방법에는 여러 가지가 있습니다.

HTML 비디오 (동영상) 재생

문제 및 솔루션

HTML에서 비디오를 재생하는 것은 쉬운 일이 아닙니다!

당신은 당신의 비디오 모든 브라우저 (인터넷 익스플로러, 크롬, 파이어 폭스, 사파리, 오페라)에서 파일 및 모든 하드웨어 (PC, 맥, 아이 패드, 아이폰)이 재생 될 수 있도록 잘 알고 조언을 많이해야합니다.

이 장에서는 W3CSchool 당신은 문제와 해결 방법을 요약합니다.

의 <포함> 태그를 사용하여

역할 <embed> 태그는 HTML 페이지에 멀티미디어 요소를 포함하는 것입니다.

다음 HTML 코드는 페이지에 포함 된 Flash 비디오를 표시합니다 :

문제

• HTML4는 <embed> 태그를 인식하지 못합니다. 페이지는 확인할 수 없습니다.
• 브라우저가 플래시를 지원하지 않는 경우, 그래서 동영상이 재생되지 않습니다
• 아이 패드와 아이폰은 플래시 비디오를 표시 할 수 없습니다.
• 당신은 다른 형식으로 동영상을 변환 할 경우, 아직 모든 브라우저에서 재생되지 않습니다.

의 <object> 태그를 사용하여

역할은 <object> 태그는 HTML 페이지에 멀티미디어 요소를 포함하는 것입니다.

다음 HTML 코드는 페이지에 포함 된 일부 플래시 동영상을 보여줍니다

문제 :

• 브라우저가 플래시를 지원하지 않는 경우, 동영상이 재생되지 않습니다.
• 아이 패드와 아이폰은 플래시 비디오를 표시 할 수 없습니다.
• 당신은 다른 형식으로 동영상을 변환 할 경우, 아직 모든 브라우저에서 재생되지 않습니다.

HTML5의 <동영상> 요소를 사용하여

HTML5는 <비디오> 태그는 비디오 나 동영상을 정의합니다.

모든 현대적인 브라우저에서 <동영상> 요소가 지원됩니다.

다음 HTML 조각은 웹 페이지에 포함 된 OGG, MP4, 또는 WEBM 포맷 비디오를 표시합니다 :

문제 :

• 당신은 많은 다른 형식으로 비디오를 변환 할 필요가있다.
• <동영상> 요소는 이전 버전의 브라우저에서는 유효하지 않습니다.

최고의 HTML 솔루션

다음 예는 네 개의 다른 비디오 포맷을 사용합니다. HTML 5 <비디오> 요소는 MP4, OGG, 또는 WEBM 포맷을 재생하려고 동영상을 재생하는 것입니다. 모두가 실패하면 다시 <포함> 요소에 속한다.

문제 :

• 당신은 많은 다른 비디오 포맷을 변환해야합니다

Youku가 솔루션

HTML에서 비디오를 표시하는 가장 쉬운 방법은 Youku가 다른 비디오 사이트를 사용하는 것입니다.

웹 페이지에서 비디오를 재생하려면, Youku가 다른 비디오 사이트에 동영상을 업로드 한 다음 페이지에서 동영상을 재생하는 HTML 코드를 삽입 할 수 있습니다 :

하이퍼 링크를 사용하여

페이지가 미디어 파일을 가리키는 하이퍼 링크가 포함 된 경우, 대부분의 브라우저는 파일을 재생하는 "도우미 응용 프로그램"을 사용합니다.

다음 코드는 AVI 파일에 대한 링크를 보여줍니다. 사용자가 링크를 클릭하면 브라우저는 AVI 파일을 재생하는 Windows Media Player와 같은 "도우미 응용 프로그램"을 시작합니다 :

인라인 동영상 설명에

비디오는 해당 웹 페이지에 포함되는 경우, 인라인 동영상이라고 부른다.

당신은 웹 응용 프로그램에서 인라인 비디오를 사용하려는 경우, 당신은 많은 사람들이 성가신 인라인 동영상을 찾을 것을 깨닫게해야합니다.

또한 사용자가 브라우저 인라인 비디오 옵션을 닫았 수 있습니다.

우리의 최선의 충고는 사용자가 장소 인라인 비디오를 포함보고 싶어 할 때만이다. 긍정적 인 예는 사용자가 동영상을 확인하고 페이지를 열고 동영상을 재생하는 링크를 클릭해야 할 때이다.

HTML 멀티미디어 태그

새로운 기능 : HTML5의 새로운 태그입니다.