Tag <video> HTML

Definicja i użycie

<video> Znacznik używany do wstawiania wideo do dokumentu, np. fragmenty filmów lub inne strumienie wideo.

<video> Znacznik zawiera jeden lub więcej znaczników z różnymi źródłami wideo. Znacznik <source>. Przeglądarka wybierze pierwszy źródło, które obsługuje.

<video> i </video> Tekst między znacznikami będzie wyświetlany tylko w przeglądarkach <video> w przeglądarce wyświetla elementy.

HTML obsługuje trzy formaty wideo: MP4, WebM i OGG.

Przeglądarka MP4 WebM Ogg
Edge Obsługiwane Obsługiwane Obsługiwane
Chrome Obsługiwane Obsługiwane Obsługiwane
Firefox Obsługiwane Obsługiwane Obsługiwane
Safari Obsługiwane Obsługiwane Nieobsługiwane
Opera Obsługiwane Obsługiwane Obsługiwane

Zobacz również:

Podręcznik HTML DOM:Podręcznik referencyjny DOM Audio/Video HTML

Przykład

Odtwórz wideo:

<video width="640" height="360" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  Twoja przeglądarka nie obsługuje znacznika wideo.
</video>

Spróbuj sam!

Wskazówki i uwagi

Wskazówka:Dla plików audio, zobacz znacznik <audio>.

Opcjonalny atrybut

Atrybut Wartość Opis
autoplay autoplay Określ, że wideo powinno się odtwarzać natychmiast po przygotowaniu.
controls controls Określ, które elementy kontrolne wideo powinny być wyświetlane (np. przyciski odtwarzania/pauzy itp.).
wysokość Piksele Ustaw wysokość odtwarzacza wideo.
loop loop Określ, że wideo powinno się odtwarzać od początku po każdym zakończeniu.
muted muted Określ, czy dźwięk wideo powinien być wyciszony.
poster URL Określ obraz, który powinien być wyświetlany podczas pobierania wideo lub przed naciśnięciem przycisku odtwarzania.
preload
  • auto
  • metadata
  • none
 Określ, czy wideo powinno się ładować podczas ładowania strony lub w jaki sposób powinno się ładować.
src URL Określ URL pliku wideo.
szerokość Piksele Ustaw szerokość odtwarzacza wideo.

Globalne atrybuty

<video> Tagi te obsługują również Globalne atrybuty HTML.

Atrybuty wydarzeń

<video> Tagi te obsługują również Atrybuty wydarzeń w HTML.

Domyślne ustawienia CSS

Brak

Wsparcie przeglądarek

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.1 11.5