Obiekt DOM Video HTML

Obiekt Video

Obiekt Video to nowy obiekt w HTML5.

Obiekt Video reprezentuje element HTML <video>.

Dostęp do obiektu Video

Możesz uzyskać dostęp do elementu <video> za pomocą funkcji getElementById():

var x = document.getElementById("myVideo");

Spróbuj sam!

Tworzenie obiektu Video

Możesz utworzyć element <video> za pomocą metody document.createElement():

var x = document.createElement("VIDEO");

Spróbuj sam!

Atrybuty obiektu Video

Atrybuty Opis
audioTracks Zwraca obiekt AudioTrackList reprezentujący dostępne ścieżki audio.
autoplay Ustawia lub zwraca wartość, czy wideo powinno być odtwarzane natychmiast po załadowaniu.
buffered Zwraca obiekt TimeRanges reprezentujący już zbuforowane części wideo.
controller Zwraca obiekt MediaController reprezentujący bieżący kontroler mediów wideo.
controls Ustawia lub zwraca, czy powinny być wyświetlane przyciski kontrolne (np. odtwarzanie/pauza itp.).
crossOrigin Ustawia lub zwraca ustawienia CORS wideo.
currentSrc Zwraca bieżący URL wideo.
currentTime Ustawia lub zwraca bieżącą pozycję odtwarzania wideo (w sekundach).
defaultMuted Ustawia lub zwraca domyślny stan wyciszenia wideo.
defaultPlaybackRate Ustawia lub zwraca domyślną szybkość odtwarzania wideo.
duration Zwraca długość wideo (w sekundach).
ended Zwraca, czy odtwarzanie wideo już się zakończyło.
error Zwraca obiekt MediaError reprezentujący stan błędu wideo.
height Ustawia lub zwraca wartość atrybutu height wideo.
loop Ustawia lub zwraca wartość, czy wideo powinno być odtwarzane ponownie na końcu.
mediaGroup Ustawia lub zwraca nazwę grupy mediów, do której należy wideo.
muted Ustawia lub zwraca stan wyciszenia.
networkState Zwraca bieżący stan sieci wideo.
paused Ustawia lub zwraca stan wstrzymania wideo.
playbackRate Ustawia lub zwraca szybkość odtwarzania wideo.
played Zwraca obiekt TimeRanges reprezentujący już odtworzone części wideo.
poster Ustawia lub zwraca wartość atrybutu poster wideo.
preload Ustawia lub zwraca wartość atrybutu preload wideo.
readyState Zwraca bieżący stan przygotowania wideo.
seekable Zwraca obiekt TimeRanges reprezentujący wyczytywalne części wideo.
seeking Zwraca, czy użytkownik obecnie przeszukuje wideo.
src Ustawia lub zwraca wartość atrybutu src wideo.
startDate Zwraca obiekt Date reprezentujący bieżącą odchylenie czasowe.
textTracks Zwraca obiekt TextTrackList reprezentujący dostępne tory tekstowe.
videoTracks Zwraca obiekt VideoTrackList reprezentujący dostępne tory wideo.
volume Ustawia lub zwraca wartość atrybutu volume wideo.
width Ustawia lub zwraca wartość atrybutu width wideo.

Metody obiektu Video

Metoda Opis
addTextTrack() Dodaje nowy tor tekstowy do wideo.
canPlayType() Sprawdza, czy przeglądarka może odtworzyć określony typ wideo.
load() Przeładowuje element wideo.
play() Rozpoczyna odtwarzanie wideo.
pause() Zatrzymuje bieżącą odtwarzanie wideo.

Standardowe atrybuty i zdarzenia

Wideo obiekt obsługuje standardyAtrybutyiZdarzenia.

Strony związane

Tutorial HTML:Wideo HTML5

Podręcznik HTML:Znacznik <video> HTML