Filmy z YouTube w formacie HTML
Najłatwiejszym sposobem odtwarzania filmów w HTML jest użycie YouTube.
Masz problemy z formatami wideo?
Konwersja filmów do różnych formatów może być trudna i czasochłonna.
Łatwiejszym rozwiązaniem jest umożliwienie YouTube odtwarzania filmów na Twojej stronie internetowej.
Identyfikator wideo YouTube
YouTube wyświetli identyfikator (np. tgbNymZ7vqY), gdy zapiszesz (lub odtworzysz) film.
Możesz użyć tego identyfikatora i odnieść się do swojego filmu w kodzie HTML.
Odtwarzanie wideo YouTube w HTML
Aby odtworzyć wideo na stronie internetowej, wykonaj następujące czynności:
- Prześlij film do YouTube
- Zanotuj identyfikator wideo
- Zdefiniuj
<iframe>
element na swojej stronie internetowej - Niech
src
atrybut wskazuje na adres URL filmu - Użyj atrybutów
width
iheight
, aby określić wymiar odtwarzacza - Dodaj wszelkie inne parametry do adresu URL (patrz poniżej)
Przykład
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>
Autoodtwarzanie YouTube + wyciszenie
Możesz pozwolić, aby Twój film zaczął się automatycznie odtwarzać, gdy użytkownik odwiedza stronę, dodając autoplay=1
do adresu URL YouTube. Jednak automatyczne uruchamianie filmu jest denerwujące dla odwiedzających!
Uwaga: przeglądarki Chromium w większości przypadków nie pozwalają na autoodtwarzanie. Jednak wyciszone autoodtwarzanie jest zawsze dozwolone.
Dodaj mute=1
po
autoplay=1
, aby Twój film zaczął się automatycznie odtwarzać (ale wyciszony).
YouTube – autoodtwarzanie + wyciszenie
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1&mute=1">
</iframe>
Playlista YouTube
Oddzielona przecinkami lista filmów do odtworzenia (oprócz oryginalnego adresu URL).
Pętla YouTube
Dodaj loop=1
, aby Twój film był zapętlony na zawsze.
Wartość 0 (domyślna): wideo zostanie odtworzone tylko raz.
Wartość 1: film będzie zapętlony (na zawsze).
YouTube – pętla
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?playlist=tgbNymZ7vqY&loop=1">
</iframe>
Sterowanie YouTube
Dodaj controls=0
, aby nie wyświetlać elementów sterujących w odtwarzaczu wideo.
Wartość 0: elementy sterujące odtwarzacza nie są wyświetlane.
Wartość 1 (domyślna): wyświetlanie elementów sterujących odtwarzacza.
YouTube – sterowanie
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?controls=0">
</iframe>