Was bedeuten Steuerelemente in HTML5?

青灯夜游
Freigeben: 2022-06-01 19:55:25
Original
7501 Leute haben es durchsucht

In HTML5 bedeutet „Steuerelemente“ „Steuerung“ und ist ein Attribut der Audio- und Video-Tags. Es wird verwendet, um anzugeben, dass der Browser Wiedergabesteuerungen für Video oder Audio bereitstellt (z. B. Wiedergabe, Pause, Positionierung, Lautstärke usw.). , die Syntax „< ;Video-Steuerelemente>“ oder „“.

Was bedeuten Steuerelemente in HTML5?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

In HTML5 bedeutet „Steuerelemente“ „Steuerung“.

Was bedeuten Steuerelemente in HTML5?

controls ist ein Attribut der Audio- und Video-Tags. Das Attribut

controls gibt an, dass der Browser Wiedergabesteuerungen für Video oder Audio bereitstellen soll.

Wenn dieses Attribut festgelegt ist, gibt es an, dass vom Autor keine Skriptsteuerung festgelegt ist.

Browser-Steuerelemente sollten Folgendes umfassen:

  • Wiedergabe

  • Pause

  • Position

  • Lautstärke

  • Vollbild umschalten

  • Untertitel, falls verfügbar)

  • Audiospur (falls verfügbar )

Hinweis:

In XHTML darf dieses Attribut nicht abgekürzt werden und das Steuerattribut muss als <audio control="controls"></audio> definiert werden. <audio controls="controls"></audio>

但在HTML5 中,该属性的属性值可以省略,直接可<audio controls></audio>

Aber in HTML5 kann der Attributwert dieses Attributs weggelassen werden und direkt <audio-steuerelemente></audio-steuerelemente> sein.

Beispiel 1:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  您的浏览器不支持 video 标签。
</video>

<video width="320" height="240">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  您的浏览器不支持 video 标签。
</video>
</body>
</html>
Nach dem Login kopieren
Was bedeuten Steuerelemente in HTML5?

Beispiel 2:

<audio>
  <source src="horse.ogg"  type="audio/ogg">
  <source src="horse.mp3"  type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>
Nach dem Login kopieren
Was bedeuten Steuerelemente in HTML5?

<audio controls>
  <source src="horse.ogg"  type="audio/ogg">
  <source src="horse.mp3"  type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>
Nach dem Login kopieren
Was bedeuten Steuerelemente in HTML5?


Es ist ersichtlich, dass der Musikplayer nicht wahrgenommen werden kann, wenn das Audio-Tag das Steuerungsattribut nicht festlegt.

Verwandte Empfehlungen: „HTML-Video-Tutorial

“🎜

Das obige ist der detaillierte Inhalt vonWas bedeuten Steuerelemente in HTML5?. 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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage