Heim > Artikel > Web-Frontend > Wie können wir in HTML festlegen, dass das Bild angezeigt wird, während das Video heruntergeladen wird?

Wie können wir in HTML festlegen, dass das Bild angezeigt wird, während das Video heruntergeladen wird?

王林nach vorne: 2023-09-12 22:45:03664Durchsuche

In diesem Artikel erfahren Sie, wie Sie das Bild festlegen, das beim Herunterladen eines Videos im HTML-Format angezeigt wird.

HTML

Grammatik

Das Folgende ist die Syntax von HTML -Attributen.

<video poster="URL">

Lassen Sie uns in das folgende Beispiel eintauchen, in dem Sie mehr über HTML -Attribute erfahren können.

Beispiel 1

Im folgenden Beispiel verwenden wir das

<!DOCTYPE html>
<html>
<body>
   <center>
      <video width="340" height="220" controls poster="https://www.tutorialspoint.com/static/images/logo-color.png">
      <source src="https://samplelib.com/lib/preview/mp4/sample-5s.mp4" type="video/mp4">
      </video>
   </center>
</body>
</html>

Wenn das obige Skript ausgeführt wird, generiert es eine Ausgabe, die das hochgeladene Video und das dem Video mithilfe des Attributs

Beispiel 2

Betrachten Sie das folgende Beispiel, in dem wir zwei Videos verwenden, eines mit dem Attribut .

<!DOCTYPE html>
<html>
<body>
   <center>
   <video width="340" height="220" controls poster="https://www.tutorialspoint.com/images/logo.png">
      <source src="https://samplelib.com/lib/preview/mp4/sample-5s.mp4">
   </video>
   <video width="320" height="240" controls>
      <source src="https://samplelib.com/lib/preview/mp4/sample-30s.mp4">
   </video>
   </center>
</body>
</html>

Wenn das Skript ausgeführt wird, generiert es eine Ausgabe, die aus zwei auf eine Webseite hochgeladenen Videos besteht, eines mit hinzugefügtem HTML-Attribut und das andere normal.

Das obige ist der detaillierte Inhalt vonWie können wir in HTML festlegen, dass das Bild angezeigt wird, während das Video heruntergeladen wird?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

html

Stellungnahme：

Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen

Vorheriger Artikel：Wie behebt man den getImageData()-Fehler „Canvas wurde durch domänenübergreifende Daten verunreinigt“ in HTML?Nächster Artikel：Wie behebt man den getImageData()-Fehler „Canvas wurde durch domänenübergreifende Daten verunreinigt“ in HTML?

In Verbindung stehende Artikel

Mehr sehen