✅ So fügen Sie YouTube-Videos mit Autostart und ohne Ton ein

Inhaltsverzeichnis

In diesem Tutorial werde ich es dir beibringen So fügen Sie ein Youtube-Video in Ihre Webseite ein, das beim Laden einer Seite automatisch startet und keinen Ton hat. Dazu verwenden wir die von Yoube bereitgestellte API. Wir müssen Code in JavaScript schreiben, eigentlich nur sehr wenig, fangen wir an.

Schritt 1
Das erste, was wir zum Fortfahren benötigen, ist die Kennung des Videos, das wir hochladen möchten. Dazu geben wir YouTube ein und suchen das gewünschte Video, dessen ID kommt von v = innerhalb der URL, im folgenden Bild zeige ich euch ein Beispiel:

Jetzt können wir das Skript zu unserer Seite hinzufügen, unten erkläre ich einige Details, die es zu berücksichtigen gilt.

Schritt 2
Wir brauchen ein Leerzeichen in unserem HTML, wo der Player hinzugefügt werden soll, dafür verwenden wir ein div, diese Anweisung im Code ist diese (die ID ist für die Funktion erforderlich, die wir von der API verwenden):

Sie können die gewünschte ID eingeben, wenn Sie sie ändern. Beachten Sie, dass sie im Code in Schritt 4 auch beim Erstellen des Players angezeigt wird. Sie müssen sie ebenfalls ändern, da sie sich über die ID auf diese div bezieht.

Schritt 3
Wir verlinken die YouTube API mit unserer Seite, dazu schreiben wir folgende Anleitung:

Beachten Sie, dass dies eine asynchrone Last ist.

Schritt 4
Wir fügen einige Skript-Tags hinzu (am Ende des Hauptteils selbst), in denen wir die Funktion erstellen onYouTubeIframeAPIReady (). Den Namen der Funktion müssen Sie so belassen. In dieser Funktion konfigurieren wir die Breite, die Höhe des Players, die ID des Videos und einige weitere Eigenschaften.

[color = #a9a9a9] Code mit Youtube-API[/color]

Einige Einblicke

Die Video-ID muss eingetragen werden in Video-ID.

Für Autostart wird verwendet automatisches Abspielen, 1 bedeutet, dass es alleine startet, wenn Sie 0 eingeben, wird es nicht.

Um es stumm zu schalten, wird im Ereignisbereich folgende Funktion verwendet:

 onReady: Funktion (e) {e.target.mute (); }

Sie können auch konfigurieren, wie oft das Video wiederholt wird (Schleife), wenn die Steuerelemente angezeigt werden, z. B. Wiedergabe, Lautstärke usw.

Hier ist der vollständige Code:

Beim Öffnen der Datei mit dem obigen Code wird der Player angezeigt, wie in der folgenden Abbildung zu sehen:

VERGRÖSSERN