Heim  >  Artikel  >  Web-Frontend  >  Was bedeuten Steuerelemente in HTML5?

Was bedeuten Steuerelemente in HTML5?

青灯夜游
青灯夜游Original
2022-06-01 19:55:197444Durchsuche

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>
Was bedeuten Steuerelemente in HTML5?

Beispiel 2:

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

<audio controls>
  <source src="horse.ogg"  type="audio/ogg">
  <source src="horse.mp3"  type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>
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!

Stellungnahme:
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