Neueste Web-Entwicklung Tutorials

HTML Youtube Videos


Der einfachste Weg, um Videos in HTML zu spielen, ist YouTube zu verwenden.


Kämpfen Sie mit Video-Formate?

Verschiedene Versionen von verschiedenen Browsern unterstützt verschiedene Videoformate.

Früher in diesem Tutorial haben Sie gesehen, dass Sie sich vielleicht Ihre Videos auf verschiedene Video-Formate konvertieren, um sie alle Browser spielen in zu machen.

Videos zu verschiedenem Format zu konvertieren kann schwierig und zeitaufwändig sein.

Eine einfachere Lösung könnte sein, YouTube die Videos in Ihrer Web-Seite spielen zu lassen.


YouTube Video Id

YouTube wird eine ID angezeigt werden (like XGSy3_Czz8k) , wenn Sie speichern (or play) ein Video.

Sie können diese ID verwenden und zu Ihrem Video in HTML verweisen.


Abspielen eines YouTube Video in HTML

Um Ihr Video auf einer Webseite zu spielen, gehen Sie wie folgt vor:

  • Laden Sie das Video auf YouTube
  • Nehmen Sie eine Notiz von der Video-ID
  • Definieren Sie ein <iframe> Element in Ihrer Web - Seite
  • Lassen Sie die src - Attribut verweist auf die Video - URL
  • Verwenden, um die Breite und Höhe Attribute die Dimension des Spielers angeben
  • Fügen Sie alle anderen Parameter der URL

Beispiel - Verwendung von iFrame (the recommended method)

<iframe width="420" height="315"
src="http://www.youtube.com/embed/XGSy3_Czz8k?autoplay=1">
</iframe>
Versuch es selber "

YouTube-Parameter

autohide

Wert 0: Der Spieler steuert sind immer sichtbar.

Wert 1: Der Spieler steuert automatisch ausgeblendet, wenn das Video abgespielt wird.

Wert 2 (default) : Wenn der Spieler 16: 9 oder 4: 3 - Verhältnis, wie 1, sonst gleich wie 0 ist .

automatisches Abspielen

Der Wert 0 (default) : Das Video wird nicht automatisch , wenn die Spieler Lasten spielen.

Wert 1: Das Video startet automatisch, wenn der Player geladen.

Steuerung

Wert 0: Der Spieler steuert nicht angezeigt. Die Video Lasten sofort.

Wert 1 (default) : Der Spieler steuert Display. Die Video Lasten sofort.

Wert 2: Der Spieler steuert Display, aber das Video nicht geladen, bevor der Benutzer die Wiedergabe beginnt.

Schleife

Der Wert 0 (default) : Das Video nur einmal spielen wird.

Wert 1: Das Video wird Schleife (forever) für (forever) .

Wiedergabeliste

Eine durch Kommata getrennte Liste von Videos wiedergeben (in addition to the original URL) .


YouTube <object> Einbettungen

YouTube <object> bettet wurden von Januar 2015 veraltet.

Sie sollten Ihre Anwendungen migrieren verwenden <iframe> einbettet.

Beispiel - Verwenden von <object> (deprecated)

<object width="420" height="315"
data="http://www.youtube.com/embed/XGSy3_Czz8k">
</object>
Versuch es selber "

Beispiel - Mit <embed> (deprecated)

<embed width="420" height="315"
src="http://www.youtube.com/embed/XGSy3_Czz8k">
Versuch es selber "