Najlepszy samouczek HTML5 Video (Wideo) W 2024 r. W tym samouczku możesz dowiedzieć się Wykrywanie przeglądarkę obsługuje HTML5 video:,witryny sieci Web Video,Pomoc Browser,HTML5 (wideo) - Jak to działa?,Przykłady,Formaty wideo i obsługa przeglądarki,Format wideo,HTML5 <video> - kontrolować wykorzystanie DOM,Przykład 1,tag HTML5 video,
Wiele witryn użyje wideo. HTML5 dostarcza standardowego wyświetlania wideo.
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.
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.
Aby wyświetlić wideo w HTML5, wszystko czego potrzebujesz to:
<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:
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 |
格式 | MIME-type |
---|---|
MP4 | video/mp4 |
WebM | video/webm |
Ogg | video/ogg |
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.
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 .
标签 | 描述 |
---|---|
<video> | 定义一个视频 |
<source> | 定义多种媒体资源,比如 <video> 和<audio> |
<track> | 定义在媒体播放器文本轨迹 |