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

王林
Freigeben: 2023-09-12 22:45:03
nach vorne
686 Leute haben es durchsucht

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

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">
Nach dem Login kopieren

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:tutorialspoint.com
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
Beliebte Tutorials
Mehr>
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!