Tag wideo w HTML | Wyjaśnione

Dodawanie filmów na stronach internetowych może być angażującym sposobem na wyrażanie myśli, a zatem filmy mogą przyciągnąć więcej widzów. Korzystanie z filmów można dostarczyć skomplikowane pojęcia w bardzo łatwy i skuteczny sposób. Tak więc HTML zapewnia znacznik do osadzenia wideo na stronach internetowych, tag może mieć wiele atrybutów do kontrolowania zachowania dowolnego filmu.

Ten zapis przedstawi szczegółowe zrozumienie następujących koncepcji:

• Składnia tagu
• Atrybuty tagu
• Formaty wsparcia i wideo przeglądarki
• Jak używać znacznika w HTML

Składnia

Poniższy fragment pokazuje podstawową składnię znacznika.

Atrybuty

• sterownica: używane do wyświetlania opcji sterowania użytkownikowi e.G. Graj, zatrzymaj się, wycisz itp.
• SRC: określa adres URL
• pętla: Wideo będzie odtwarzane w pętli i.mi. znowu i znowu.
• wyciszone: Początkowo wideo zostanie wyciszone
• ładunek wstępny: Podaj widok autora na temat tego, w jaki sposób wideo zostanie załadowane, gdy na stronie internetowej załaduje
• Automatyczne odtwarzanie: Wideo będzie odtwarzane automatycznie
• wysokość: Służy do określenia wysokości wideo
• szerokość: Służy do określenia szerokości wideo
• plakat: używane do pokazania obrazu podczas pobierania wideo.

Formaty wsparcia i wideo przeglądarki

tag ma trzy formaty i.mi. MP4, WebM, OGG i te formaty zostaną określone w elemencie źródłowym atrybutu „Typ”. Chrome, Microsoft Edge, Opera i Mozilla Firefox obsługują wszystkie trzy formaty wideo, podczas gdy Safari i Internet Explorer obsługują tylko format MP4.

W tagu można wykorzystać wiele formatów, więc dobrą praktyką jest określenie dwóch formatów (OGG i MP4) w tagu wideo, aby wideo było odtwarzane w większości przeglądarków. Przeglądarka użyje pierwszego uznanego formatu wideo. Jeśli przeglądarka nie rozpozna żadnego z określonych formatów plików, tekst zapisany w znaczniku początkowym i końcowym zostanie wyświetlony.

Jak używać znacznika w HTML

W znaczniku HTML można użyć wielu atrybutów do kontrolowania zachowania znacznika, takich jak "sterownica" umożliwić widoczność kontroli i.mi. Graj, zatrzymaj się itp. Poniższy fragment kodu opracowuje, jak używać znacznika w HTML:

Powyższy fragment wyświetla następujące dane wyjściowe:

Kontrole są widoczne, wideo jest wyciszone, weryfikuje, że wszystkie atrybuty działają idealnie.

Przykład

Teraz zmodyfikujemy powyższy kod, aby przetestować działanie atrybutu plakatu:

Teraz obraz zostanie wyświetlony na filmie, dopóki nie kliknęliśmy przycisku odtwarzania:

Podobnie możesz przetestować działanie pozostałych atrybutów.

Wniosek

Tag można użyć do dodania filmu na stronie internetowej, można użyć różnych atrybutów w znaczniku wideo do wykonywania różnych funkcji e.G. Plakat pokazuje zdjęcie, dopóki ktoś nie kliknie wideo, AutoPlay umożliwia automatyczne odtwarzanie filmu i tak dalej. W tym artykule pokazuje, co to jest tag HTML i jak używać tagu. Ponadto zawiera szczegółowe wyjaśnienie dostępnych formatów wideo i obsługi przeglądarki.