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

藏色散人
Freigeben: 2023-02-03 09:46:46
Original
2057 Leute haben es durchsucht

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.

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

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:

Nach dem Login kopieren

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.

Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!