HTML5를 사용하여 현재 브라우저에 비디오 표시

HTML 5 비디오 태그를 사용하면 웹 페이지에 비디오를 쉽게 추가 할 수 있습니다. 그러나 표면에 나타나는 것처럼 보이지만 비디오를 제작하고 실행하기 위해해야 ​​할 일이 많이 있습니다. 이 튜토리얼은 모든 최신 브라우저에서 비디오를 실행할 HTML 5 페이지를 만드는 단계를 안내합니다.

• 나만의 HTML 5 비디오 호스팅 vs. YouTube 사용
• 웹에서의 비디오 지원에 대한 간략한 개요
• 비디오 제작 및 편집
• Firefox 용 비디오를 Ogg로 변환하십시오
• Safari 용 비디오를 MP4로 변환하십시오
• Internet Explorer 용 비디오를 FLV로 변환
• 웹 페이지에 비디오 요소 추가
• JavaScript 및 Flash Player를 추가하여 Internet Explorer에서 작업 1 부
• 최대한 많은 브라우저에서 테스트 가능

01 of 10

나만의 HTML 5 비디오 호스팅 vs. YouTube 사용

YouTube는 훌륭한 사이트입니다. 따라서 비디오를 웹 페이지에 신속하게 삽입 할 수 있으며 일부 예외를 제외하면 해당 비디오를 실행하는 과정이 매우 원활합니다. YouTube에 비디오를 올리면 누구나 볼 수 있다는 확신을 가질 수 있습니다.

하지만 YouTube를 사용하여 동영상을 퍼가기 위해서는 몇 가지 단점이 있습니다.

YouTube의 대부분의 문제는 디자이너 측이 아니라 소비자 측에 있습니다.

• 느린 검색 및 색인 생성
• 서버 중단
• 임의로 (겉으로보기로) 제거되는 콘텐츠
• 콘텐츠가 너무 많습니다.

그러나 YouTube가 콘텐츠 개발자에게 나쁜 점도있는 이유는 다음과 같습니다.

• 동영상 최대 길이 10 분 (무료 계정 용)
• 불쌍한 업로드 성능
• YouTube는 동영상에 무제한 사용 권한을 부여합니다.
• 모든 YouTube 사용자는 동영상에 무제한 사용 권한을 부여받습니다.

HTML 5 비디오는 YouTube를 통해 몇 가지 장점을 제공합니다.

비디오 용 HTML 5 를 사용하면 비디오의 모든 요소, 볼 수있는 사람, 시간, 내용 내용, 호스팅 위치 및 서버 수행 방법을 제어 할 수 있습니다. 또한 HTML 5 비디오를 사용하면 최대한 많은 사람들이 볼 수있는 형식으로 비디오를 인코딩 할 수 있습니다. 고객이 플러그인을 필요로하지 않거나 YouTube가 최신 버전을 출시 할 때까지 기다릴 필요가 없습니다.

물론 HTML 5 비디오에는 몇 가지 단점이 있습니다.

여기에는 다음이 포함됩니다.

• 적어도 세 가지 코덱으로 비디오를 인코딩해야합니다.
• HTML 5 를 지원하지 않는 브라우저가 제대로 작동하려면 몇 가지 JavaScript를 포함해야합니다.
• 서버가 동영상 호스팅의 대역폭 요구 사항을 처리 할 수 ​​있어야합니다.

02 중 10

웹에서의 비디오 지원에 대한 간략한 개요

웹 페이지에 비디오를 추가하는 것은 오랫동안 어려운 과정이었습니다. 잘못 될 수있는 많은 것들이있었습니다.

• 먼저 태그를 사용하여 페이지에 비디오를 포함합니다. 그 태그는 다른 태그를 위해 더 이상 사용되지 않습니다. 그리고 일부 브라우저는 어쨌든 잘 지원하지 못했습니다.
• 그래서 당신은