Rumah  >  Artikel  >  hujung hadapan web  >  html5中controls是什么意思

html5中controls是什么意思

青灯夜游
青灯夜游asal
2022-06-01 19:55:197443semak imbas

在html5中,controls的意思为“控制”,是audio和video标签的一个属性,用于规定浏览器为视频或音频提供播放控件(例播放、暂停、定位、音量等),语法“4fe4a833a03e01eaaa5470a5e60c321b”或“18dbbd863b2f3ec472f4bf0ef643e619”。

html5中controls是什么意思

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

在html5中,controls的意思为“控制”。

1.png

controls是audio和video标签的一个属性。

controls 属性规定浏览器应该为视频或音频提供播放控件。

如果设置了该属性,则规定不存在作者设置的脚本控件。

浏览器控件应该包括:

  • 播放

  • 暂停

  • 定位

  • 音量

  • 全屏切换

  • 字幕(如果可用)

  • 音轨(如果可用)

说明:

在 XHTML 中, 该属性是不允许简写的 , controls 属性必须定义为 5bae7df23b25a5f5ae34c6cb31e81333

但在HTML5 中,该属性的属性值可以省略,直接可18dbbd863b2f3ec472f4bf0ef643e619

示例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>

1.png

示例2:

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

2.png

<audio controls>
  <source src="horse.ogg"  type="audio/ogg">
  <source src="horse.mp3"  type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>

3.png

可以看出,如果audio标签不设置controls属性,则音乐播放器无法被人察觉。

相关推荐:《html视频教程

Atas ialah kandungan terperinci html5中controls是什么意思. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn