Spisie treści
Kiedy robimy dokumenty HTML wielokrotnie musimy wzbogacać nasze treści, a także wielokrotnie już korzystać z animacji lub efektów z JavaScript To nie wystarczy, w takich przypadkach musimy odwoływać się do treści multimedialnych, które odpowiadają naszym potrzebom, czy to nagranie, piosenka czy wideo.W przypadku prac multimedialnych możemy wykorzystać audio i wideo ze specyfikacją HTML5, używając nowych tagów, dzięki czemu nie jesteśmy zależni od języków lub wtyczek innych firm.
Element wideo
HTML5 Zawiera wsparcie dla wprowadzania filmów jako części tworzonego dokumentu lub strony, bez konieczności korzystania z Flash Playera lub innej wtyczki, co zwiększa stabilność przeglądarki, ponieważ wtyczki są często główną przyczyną dla których przeglądarki zawodzą, ponieważ te dodatki są stale aktualizowane i mogą kolidować z nowymi funkcjami lub ulepszeniami.
Element Wideo HTML5 Pozwala nam na osadzanie filmów bez pomocy wtyczki, dzięki czemu możemy odtwarzać małe lub duże filmy na naszych stronach i wzbogacać ich zawartość.
Aby użyć elementu video, musimy znać następujące cechy, aby móc zrozumieć kod kolejnych przykładów.
Element: wideo.
Atrybuty lokalne: autoodtwarzanie, wstępne ładowanie, sterowanie, pętla, plakat, wysokość, szerokość, wyciszone,
nauka
Należy zauważyć, że ten element jest zupełnie nowy w HTML5 więc może nie być kompatybilny ze starymi przeglądarkami.
Gdy znamy już element i jego lokalne atrybuty, zobaczmy mały kod, jak zaimplementować wideo:
Nie można wyświetlić przykładowego wideo
Jak widać, uruchamiamy tag wideo, ustawiamy jego parametry rozmiaru, czcionkę i src, czyli tam znajdujemy wideo, w tym przypadku powinno być w tym samym folderze co plik zawierający HTMLW przypadku, gdy wideo nie jest widoczne, musimy wyświetlić komunikat, a następnie zamknąć tag.Jeśli przeglądaliśmy strony z wideo, zobaczymy, że wszystko jest nam bardzo znajome, gdy widzimy ten wynik; Zobaczmy, jak powinien wyglądać nasz film:
Wiedzieliśmy już, jakie są lokalne atrybuty, które może przenosić tag wideo, a nawet przetestowaliśmy je w naszym przykładzie, teraz zobaczmy, co każdy z nich oznacza.
Automatyczne odtwarzanie - jeśli umieścimy ten atrybut, przeglądarka zacznie odtwarzać wideo tak szybko, jak to możliwe.
wstępne ładowanie - wskazuje, że przeglądarka powinna lub nie powinna wstępnie ładować wideo w zależności od tego, co określimy w tym atrybucie.
sterownica - przeglądarka nie pokaże kontrolek, chyba że ten atrybut jest obecny.
pętla - jeśli jest obecny, przeglądarka odtworzy wideo w nieskończonej pętli.
plakat - określ obraz, który ma być wyświetlany podczas ładowania wideo.
wzrost - wskazuje wysokość elementu wideo.
szerokość - wskazuje szerokość elementu wideo.
wyciszony - jeśli jest obecny, informuje przeglądarkę, że wideo powinno być początkowo odtwarzane bez głośności.
src - określ ścieżkę wideo do odtworzenia.
Na tym kończymy ten samouczek, w którym mieliśmy nasze pierwsze podejście do elementu wideo i jak go używać w dokumencie HTMLW ten sposób mamy nowe narzędzie do wzbogacania naszych stron.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt
