Was tun, wenn die YouTube-HTML5-Wiedergabe fehlschlägt?

Lösung für YouTube-HTML5-Wiedergabefehler: 1. Öffnen Sie YouTube, suchen Sie das Video und klicken Sie in der unteren rechten Ecke des Videos auf „Einbetten“. 3. Entfernen Sie die Breite und Höhe im Iframe-Tag Legen Sie einfach einen Prozentsatz fest, mit dem das Video den Bildschirm ausfüllt.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, HTML5-Version, DELL G3-Computer

Was soll ich tun, wenn die YouTube-HTML5-Wiedergabe fehlschlägt?

HTML-Einfügung eines YouTube-Videos

Sie müssen ein YouTube-Video direkt in die Webseite einfügen, um es nicht abzuspielen ogg.

---

Methode:

Öffnen Sie YouTube, suchen Sie das Video und klicken Sie unten rechts im Video auf „Teilen“.

Wählen Sie „Einbetten“ und Sie erhalten den folgenden Code:

<iframe width="560" height="315" src="https://www.youtube.com/embed"    frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Dies ist eine Zeichenfolge mit Iframe-Tag-Inhalten, aber dieser Code wird direkt in der Seitendatei platziert und kann nicht debuggt und angepasst werden Also.

Denn Breite und Höhe sind fest und können nicht angepasst werden.

Lösung:

Entfernen Sie die Breite und Höhe im Iframe-Tag, damit das direkt erhaltene Video komprimiert wird. Fügen Sie dem Iframe also ein übergeordnetes Element hinzu.

<div class="youtube">
       <iframe width="100%" class="elementor-video-iframe" src="https://www.youtube.com/embed" 　　　　　　frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>       </iframe></div>

Setzen Sie das Iframe-Tag auf „absolut“. Positionierung: Stellen Sie die Breite und Höhe auf 100 % ein und positionieren Sie das übergeordnete Element relativ. Verwenden Sie padding-bottom: %, um einen Prozentsatz festzulegen, der es dem Video ermöglicht, den Bildschirm auszufüllen (kann von Ihnen selbst angepasst werden). Auf diese Weise können Sie ein adaptives Video erhalten. CSS-Stile können auch selbst hinzugefügt werden.

Empfohlenes Lernen: „

HTML-Video-Tutorial

“

Das obige ist der detaillierte Inhalt vonWas tun, wenn die YouTube-HTML5-Wiedergabe fehlschlägt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!