Heim > Artikel > Web-Frontend > Was bedeuten Steuerelemente in HTML5?
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 „
“.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.
In HTML5 bedeutet „Steuerelemente“ „Steuerung“.
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>
<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>Beispiel 2:
<audio> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> 您的浏览器不支持 audio 元素。 </audio>
<audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> 您的浏览器不支持 audio 元素。 </audio>
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!