Latest web development tutorials

HTML5 Video (Wideo)

Wiele witryn użyje wideo. HTML5 dostarcza standardowego wyświetlania wideo.

Wykrywanie przeglądarkę obsługuje HTML5 video:



witryny sieci Web Video

Do tej pory jeszcze nie istnieją normy mające na celu wyświetlania obrazu na stronie.

Obecnie większość wideo za pośrednictwem wtyczek (takich jak Flash) mają być wyświetlane. Jednak nie wszystkie przeglądarki mają takie same wtyczki.

HTML5 określa standardowy sposób to wideo przez elementy wideo.


Pomoc Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9+, Firefox, Opera, Chrome, Safari i wsparcie <video> elementem.

Uwaga: Internet Explorer 8 lub wcześniejsze wersje IE nie obsługuje <video> element.


HTML5 (wideo) - Jak to działa?

Aby wyświetlić wideo w HTML5, wszystko czego potrzebujesz to:

Przykłady

<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的浏览器不支持Video标签。
</video>

Spróbuj »

<Video> Element zapewnia odtwarzanie, pauza i objętość kontroluje kontrolować wideo.

Jednocześnie <video> elementem elementem jest również wysokość i szerokość kontrolować atrybuty wymiarów filmu. Jeśli ustawić wysokość i szerokość wymaganej przestrzeni wideo zostaną zachowane po załadowaniu strony. , Jeśli nie ustawić te właściwości, przeglądarka nie zna rozmiaru wideo, przeglądarka nie można zarezerwować konkretne miejsce po załadowaniu, strona będzie oparta na oryginalnym zmiany rozmiaru obrazu.

<Video> pomiędzy </ video> tagu i zamieszczone treści nie jest dostępny do obsługi elementów wideo wyświetlanych w przeglądarce.

<Video> obsługuje wiele elementów <source> element. <Źródło> elementy mogą nie odwołuje się do różnych plików wideo. Przeglądarka użyje pierwszego rozpoznany format:


Formaty wideo i obsługa przeglądarki

Prąd, <video> Element obsługuje trzy formaty wideo: MP4, WebM i Ogg:

przeglądarka MP4 WebM Ogg
Internet Explorer TAK NIE NIE
chrom TAK TAK TAK
Firefox TAK TAK TAK
safari TAK NIE NIE
opera TAK (z Opera 25 i dalsze) TAK TAK
  • MP4 = MPEG 4 plików z kodowaniem H.264 wideo i dźwięku AAC
  • WebM = WebM pliki z VP8 Vorbis i wideo kodowane kodowania audio
  • Ogg = Ogg Theora z zakodowanego obrazu i dźwięku zakodowanego Vorbis

Format wideo

格式 MIME-type
MP4 video/mp4
WebM video/webm
Ogg video/ogg


HTML5 <video> - kontrolować wykorzystanie DOM

HTML5 <video> i <audio> Element posiada również metody, właściwości i zdarzenia.

Metody <video> i <audio> Elementy, właściwości i zdarzenia mogą być sterowane za pomocą JavaScript.

Jakie metody są używane do odtwarzania, pauzy, a obciążenie i tak dalej. Przy czym właściwości (takie jak czas trwania, objętości, etc.) można odczytać lub ustawić. DOM którym zdarzenie może poinformować, że, powiedzmy, <video> Element zacząć grać, zatrzymał się, zatrzymał się, i tak dalej.

Przykłady prosty sposób pokazujemy, jak korzystać z elementu <video>, czytać i ustawić właściwości i sposób wywołania metod.

Przykład 1

Tworzenie prostej odtwarzanie / pauza wideo i rozmiaru formantów:




Powyższy przykład połączenia dwóch metod: Play () i pauzy (). Korzysta także dwie właściwości: wstrzymana i szerokość.

Spróbuj »

Patrz punkt odniesienia dla dalszych instrukcji HTML5 audio / wideo DOM .


tag HTML5 video

标签 描述
<video> 定义一个视频
<source> 定义多种媒体资源,比如 <video> 和<audio>
<track> 定义在媒体播放器文本轨迹