Inhaltsverzeichnis
Für die Wiedergabe eines Videos im HTML-Format ist nur ein Tag erforderlich: " >Für die Wiedergabe eines Videos im HTML-Format ist nur ein Tag erforderlich:
Was passiert, wenn der Browser das Video-Tag nicht unterstützt? " >Was passiert, wenn der Browser das Video-Tag nicht unterstützt?
Erklärung der erweiterten Parameter des Video-Tags: " >Erklärung der erweiterten Parameter des Video-Tags:
Heim Web-Frontend HTML-Tutorial Analysieren Sie den Grund, warum das MP4-Video im Video-Tag auf der H5-Webseite nicht abgespielt werden kann

Analysieren Sie den Grund, warum das MP4-Video im Video-Tag auf der H5-Webseite nicht abgespielt werden kann

May 19, 2017 pm 01:26 PM

Heute hat mich ein Freund gefragt: Warum kann das von mir aufgenommene MP4-Video lokal abgespielt werden, kann aber nicht normal mit dem Video-Multimedia-Wiedergabe-Tag von HTML5 abgespielt werden, wobei nur ein Fortschrittsbalken und kein Bild angezeigt wird? Damals war ich auch neugierig, ob MP4-Videos mit dem Video-Tag abgespielt werden können. Schließlich sind wir gute Freunde, also bin ich zu dem Schluss gekommen, dass dies der Fall ist Tatsächlich handelt es sich um ein Problem mit der Videokodierung. Obwohl das Format MP4 ist, unterstützt HTML nur das H.264-Kodierungsformat, sodass ich keine andere Wahl habe, als die Kodierung neu zu konvertieren.

Um zu vermeiden, dass alle auf das gleiche Problem stoßen, gebe ich Ihnen etwas Wissen über HTML5 über das <video>-Tag:

<video> angezeigt wird Lassen Sie Multimediadateien problemlos auf Webseiten abspielen.

Für die Wiedergabe eines Videos im HTML-Format ist nur ein Tag erforderlich:

Obwohl es viel weniger Code gibt, sind die Funktionen sehr solide. Dies ist einer der Highlights der HTML5-Bar!

Über die vom <video>-Tag unterstützten Videoformate und Kodierungen:

  • MP4 = MPEG 4-Datei mit H264-Videocodec und AACAudio Codecs

  • WebM = WebM-Dateien verwenden den VP8-Videocodec und den Vorbis-Audiocodec

  • Ogg = Ogg-Dateien verwenden den Theora-Videocodec und den Vorbis-Audiocodec

Anhand der obigen Informationen werden wir feststellen, dass es nur h264-codierte MP4-Videos (MPEG-LA-Unternehmen), VP8-codierte WebM-Format-Videos (Google-Unternehmen) und Theora-codierte Ogg-Format-Videos gibt (iTouch-Entwicklung) kann das HTML5-Tag <video> unterstützen.

Was passiert, wenn der Browser das Video-Tag nicht unterstützt?

Zum Beispiel unterstützen IE-Browser und ältere Versionen von Browsern HTML5 nicht sehr gut. Was sollten wir tun, wenn Benutzer diese Browser verwenden, um unsere Webseiten mit Videos zu öffnen?

Wir können den Code so schreiben:

Auf diese Weise wird in einem Browser, der HTML5 nicht unterstützt, die Meldung „Ihr Browser unterstützt die Wiedergabe dieses Videos nicht!“ angezeigt!

Erklärung der erweiterten Parameter des Video-Tags:

Das Videoelement ermöglicht mehrere Quellelemente. Das Quellelement kann verschiedene Videodateien verknüpfen. Der Browser verwendet das erste erkannte Format, sodass wir nur noch ein paar Videos in anderen Formaten vorbereiten müssen.

Verwendung:

  1. "movie.ogg" type="video/ ogg">

  2. "movie.mp4" type="video/mp4">

  3. Ihr Browser unterstützt dieses Videoformat nicht.

  1. Autoplay: Das Vorhandensein dieses Attributs bedeutet, dass das Video automatisch abgespielt wird, wenn es bereit ist. Verwendung: autoplay="autoplay"

  2. Steuerelemente: Das Auftreten dieses Attributs bedeutet, dass dem Benutzer Steuerelemente angezeigt werden, z. B. die Wiedergabetaste usw. Verwendung: control="controls"

  3. Höhe: Einstellung Höhe Breite: Breite festlegen

  4. Schleife: Automatische Wiedergabe, Verwendung: loop="loop"

  5. preload: Video wird geladen, wenn die Seite geladen wird. Und zum Abspielen vorbereiten. Verwendung: preload="auto" – lädt das gesamte Video, wenn die Seite geladen wird. preload="meta" – lädt die Metadaten erst, nachdem die Seite geladen wurde „none“ – nicht laden, wenn die Seite geladen wird. < Ich werde das Tag „Video“ hier vorstellen. Ich glaube, jeder hat bereits ein tiefes Verständnis für dieses Tag! [Verwandte Empfehlungen]

  6. 1.
  7. HTML/CSS-kostenloses Video-Tutorial

  8. 2.Lernen Sie, wie Sie HTML5-Audio und -Video verwenden

3.

Lernen Sie, wie Sie die Kompatibilität von Video-Tags in H5 in Browsern verbessern können

4.Erklären Sie im Detail die Standards für die Anzeige von Videos in HTML5

5. Kurze Beschreibung der Parameter und Attribute des <video>

Das obige ist der detaillierte Inhalt vonAnalysieren Sie den Grund, warum das MP4-Video im Video-Tag auf der H5-Webseite nicht abgespielt werden kann. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie sende ich Webseiten als Verknüpfung im Edge-Browser an den Desktop? Wie sende ich Webseiten als Verknüpfung im Edge-Browser an den Desktop? Mar 14, 2024 pm 05:22 PM

Wie sende ich Webseiten als Verknüpfung im Edge-Browser an den Desktop? Viele unserer Benutzer möchten häufig verwendete Webseiten als Verknüpfungen auf dem Desktop anzeigen, um Zugriffsseiten bequemer öffnen zu können, wissen jedoch nicht, wie das geht. Als Reaktion auf dieses Problem wird der Herausgeber dieser Ausgabe dies mitteilen Werfen wir einen Blick auf den Inhalt des heutigen Software-Tutorials. Die Verknüpfungsmethode zum Senden von Webseiten an den Desktop im Edge-Browser: 1. Öffnen Sie die Software und klicken Sie auf der Seite auf die Schaltfläche „…“. 2. Wählen Sie in der Dropdown-Menüoption „Diese Site als Anwendung installieren“ unter „Anwendung“ aus. 3. Klicken Sie abschließend im Popup-Fenster darauf

Was tun, wenn die Webseite nicht aufgerufen werden kann? Was tun, wenn die Webseite nicht aufgerufen werden kann? Sep 06, 2023 am 09:36 AM

Zu den Lösungen für nicht zugängliche Webseiten gehören die Überprüfung der Netzwerkverbindung, das Löschen des Browser-Cache, die Überprüfung der Webseitenadresse, der Versuch, andere Browser zu verwenden, die Überprüfung des Serverstatus, die Überprüfung der Auflösung des Domänennamens, die Überprüfung der Firewall- und Sicherheitseinstellungen sowie die Kontaktaufnahme mit der Website Administrator. Detaillierte Einführung: 1. Überprüfen Sie die Netzwerkverbindung, um sicherzustellen, dass die Netzwerkverbindung normal ist. Sie können versuchen, andere Webseiten zu öffnen oder andere Geräte für den Zugriff zu verwenden, um festzustellen, ob ein Netzwerkverbindungsproblem vorliegt , es könnte ein Problem mit der Webseite sein; 2. Leeren Sie den Browser-Cache. Der Browser-Cache kann dazu führen, dass die Webseite nicht geladen wird usw.

Mögliche Gründe, warum die Netzwerkverbindung normal ist, der Browser jedoch nicht auf die Webseite zugreifen kann Mögliche Gründe, warum die Netzwerkverbindung normal ist, der Browser jedoch nicht auf die Webseite zugreifen kann Feb 19, 2024 pm 03:45 PM

Der Browser kann die Webseite nicht öffnen, aber das Netzwerk ist normal. Dafür gibt es viele mögliche Gründe. Wenn dieses Problem auftritt, müssen wir es Schritt für Schritt untersuchen, um die spezifische Ursache zu ermitteln und das Problem zu lösen. Stellen Sie zunächst fest, ob die Webseite nicht geöffnet werden kann, auf einen bestimmten Browser beschränkt ist oder ob alle Browser die Webseite nicht öffnen können. Wenn nur ein Browser die Webseite nicht öffnen kann, können Sie es zum Testen mit anderen Browsern wie Google Chrome, Firefox usw. versuchen. Wenn andere Browser die Seite korrekt öffnen können, liegt das Problem möglicherweise höchstwahrscheinlich bei diesem bestimmten Browser

So richten Sie die automatische Aktualisierung einer Webseite ein So richten Sie die automatische Aktualisierung einer Webseite ein Oct 26, 2023 am 10:52 AM

Um die automatische Aktualisierung einer Webseite festzulegen, können Sie das HTML-Tag „meta“, die JavaScript-Funktion „setTimeout“, die Funktion „setInterval“ oder den HTTP-Header „Refresh“ verwenden. Detaillierte Einführung: 1. Verwenden Sie das „meta“-Tag des HTML-Dokuments, um die automatische Aktualisierung der Webseite festzulegen "Funktion von JavaScript usw.

Was soll ich tun, wenn die Bilder auf der Webseite nicht geladen werden können? 6 Lösungen Was soll ich tun, wenn die Bilder auf der Webseite nicht geladen werden können? 6 Lösungen Mar 15, 2024 am 10:30 AM

Einige Internetnutzer stellten fest, dass die Bilder auf der Webseite beim Öffnen der Browser-Webseite längere Zeit nicht geladen werden konnten. Was ist passiert? Ich habe überprüft, ob das Netzwerk normal ist. Was ist also das Problem? Der folgende Editor stellt Ihnen sechs Lösungen für das Problem vor, dass Webseitenbilder nicht geladen werden können. Webseitenbilder können nicht geladen werden: 1. Internetgeschwindigkeitsproblem Die Webseite kann keine Bilder anzeigen. Dies kann daran liegen, dass die Internetgeschwindigkeit des Computers relativ langsam ist und mehr Software auf dem Computer geöffnet ist. Und die Bilder, auf die wir zugreifen, sind relativ groß Möglicherweise liegt eine Zeitüberschreitung beim Laden vor. Daher kann die Software, die mehr Netzwerkgeschwindigkeit verbraucht, nicht angezeigt werden. 2. Wenn auf der Webseite keine Bilder angezeigt werden können, liegt das möglicherweise daran, dass die von uns besuchten Webseiten gleichzeitig besucht wurden.

Was tun, wenn die Webseite nicht geöffnet werden kann? Was tun, wenn die Webseite nicht geöffnet werden kann? Feb 21, 2024 am 10:24 AM

So lösen Sie das Problem, dass Webseiten nicht geöffnet werden. Mit der rasanten Entwicklung des Internets verlassen sich die Menschen zunehmend auf das Internet, um Informationen zu erhalten, zu kommunizieren und sich zu unterhalten. Manchmal stoßen wir jedoch auf das Problem, dass die Webseite nicht geöffnet werden kann, was uns große Probleme bereitet. In diesem Artikel werden einige gängige Methoden vorgestellt, mit denen Sie das Problem lösen können, dass Webseiten nicht geöffnet werden. Zuerst müssen wir feststellen, warum die Webseite nicht geöffnet werden kann. Mögliche Gründe sind Netzwerkprobleme, Serverprobleme, Probleme mit den Browsereinstellungen usw. Hier sind einige Lösungen: Überprüfen Sie die Netzwerkverbindung: Zuerst benötigen wir

So öffnen Sie PHP auf der Webseite So öffnen Sie PHP auf der Webseite Mar 22, 2024 pm 03:20 PM

Um PHP-Code auf einer Webseite auszuführen, muss sichergestellt werden, dass der Webserver PHP unterstützt und ordnungsgemäß konfiguriert ist. PHP kann auf drei Arten geöffnet werden: * **Serverumgebung:** Legen Sie die PHP-Datei im Stammverzeichnis des Servers ab und greifen Sie über den Browser darauf zu. * **Integrierte Entwicklungsumgebung: **Platzieren Sie PHP-Dateien im angegebenen Web-Stammverzeichnis und greifen Sie über den Browser darauf zu. * **Remote-Server:** Greifen Sie über die vom Server bereitgestellte URL-Adresse auf PHP-Dateien zu, die auf einem Remote-Server gehostet werden.

Lösungen, um das Öffnen von Webseiten zu verlangsamen Lösungen, um das Öffnen von Webseiten zu verlangsamen Aug 17, 2023 am 10:53 AM

Lösungen zur Verlangsamung des Öffnens von Webseiten: 1. Überprüfen Sie die Geschwindigkeit der Netzwerkverbindung. Sie können das Netzwerk mit einem Online-Geschwindigkeitstest testen. 2. Sie können die Geschwindigkeit beim Öffnen von Webseiten verbessern indem Sie den Browser-Cache leeren. Sie können die Option zum Löschen des Caches in den Einstellungen verwenden und alle zwischengespeicherten Daten löschen. 3. Auf der Browser-Plug-in- und Erweiterungsverwaltungsseite können Sie versuchen, Browser-Plug-ins zu deaktivieren und Erweiterungen; 4. Das langsame Öffnen von Webseiten kann auch mit der Leistung des Computers zusammenhängen. Das Schließen von Programmen oder Prozessen, die Systemressourcen beanspruchen, kann auch die Ladegeschwindigkeit von Webseiten verbessern.

See all articles