Wideo YouTube HTML

Najprostszym sposobem na wstawienie wideo w HTML jest użycie YouTube.

Zastanawiasz się nad formatem wideo?

Konwersja wideo do innych formatów może być trudna i czasochłonna.

Prostszym rozwiązaniem jest umożliwienie odtwarzania wideo YouTube na Twojej stronie internetowej.

Identyfikator wideo YouTube

Podczas zapisywania (lub odtwarzania) wideo YouTube wyświetli identyfikator (np. ih1l6wb7LhU).

Możesz użyć tego identyfikatora i odwołać się do swojego wideo w kodzie HTML.

Wstaw wideo YouTube do HTML

Aby odtworzyć wideo na stronie internetowej, wykonaj następujące kroki:

  • Wgraj wideo na YouTube
  • Zapamiętaj identyfikator wideo
  • Definiuj w swojej stronie internetowej <iframe> Element
  • Ustaw src Atrybut wskazuje URL wideo
  • Użyj width i height Atrybuty określają rozmiar odtwarzacza
  • Dodaj inne parametry do URL (zobacz niżej)

Przykład

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU">
</iframe>

Spróbuj sam

YouTube Autoplay + Cichy

Możesz włączyć automatyczne odtwarzanie wideo, dodając autoplay=1 do adresu URL YouTube. Jednak automatyczne odtwarzanie wideo może wprawić odwiedzających w zakłopotanie!

Uwaga:W większości przypadków przeglądarki Chromium nie pozwalają na automatyczne odtwarzanie. Ale zawsze pozwalają na ciche automatyczne odtwarzanie.

W autoplay=1 Dodaj po mute=1Pozwala na automatyczne uruchomienie Twojego wideo (ale jest ciche).

YouTube - Automatyczne odtwarzanie + Cichy

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU?autoplay=1&mute=1">
</iframe>

Spróbuj sam

Lista odtwarzania YouTube

Lista wideo do odtwarzania, rozdzielona przecinkami (wyłącz oryginalny URL).

YouTube Pętla

Dodaj loop=1 Sprawi, że Twoje wideo będzie odtwarzane w pętli.

Wartość 0 (domyślna): Wideo będzie odtwarzane raz.

Wartość 1: Wideo będzie odtwarzane w pętli (zawsze).

YouTube - Pętla

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU?playlist=ih1l6wb7LhU&loop=1">
</iframe>

Spróbuj sam

Przyciski YouTube

Dodaj controls=0 Zamaskuje przyciski odtwarzacza.

Wartość 0: Przyciski odtwarzacza nie są wyświetlane.

Wartość 1 (domyślna): Przyciski odtwarzacza są wyświetlane.

YouTube - Przyciski

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU?controls=0">
</iframe>

Spróbuj sam