iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > node.js >html5中controls指的是什么
  • 862
分享到

html5中controls指的是什么

2024-04-02 19:04:59 862人浏览 泡泡鱼
摘要

本篇内容介绍了“HTML5中controls指的是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

本篇内容介绍了“HTML5中controls指的是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

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

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

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

html5中controls指的是什么

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

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

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

浏览器控件应该包括:

  • 播放

  • 暂停

  • 定位

  • 音量

  • 全屏切换

  • 字幕(如果可用)

  • 音轨(如果可用)

说明:

在 XHTML 中, 该属性是不允许简写的 , controls 属性必须定义为 <audio controls="controls">

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

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

html5中controls指的是什么

示例2:

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

html5中controls指的是什么

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

html5中controls指的是什么

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

“html5中controls指的是什么”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注编程网网站,小编将为大家输出更多高质量的实用文章!

--结束END--

本文标题: html5中controls指的是什么

本文链接: https://www.lsjlt.com/news/97938.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • html5中controls指的是什么
    本篇内容介绍了“html5中controls指的是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! ...
    99+
    2024-04-02
  • controls在html5中的概念是什么
    这篇文章主要介绍“controls在html5中的概念是什么”,在日常操作中,相信很多人在controls在html5中的概念是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解...
    99+
    2024-04-02
  • html5中“l”指的是什么
    这篇文章主要讲解了“html5中“l”指的是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“html5中“l”指的是什么”吧! ...
    99+
    2024-04-02
  • html5中submit指的是什么
    这篇文章将为大家详细讲解有关html5中submit指的是什么,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。html5中submit是按钮,它是button的一个特例,它把提交这个动作自动集成了。subm...
    99+
    2023-06-06
  • html5中text指的是什么
    这篇文章给大家介绍html5中text指的是什么,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。本教程操作环境:windows10系统、HTML5版、Dell G3电脑。html5中te...
    99+
    2024-04-02
  • html5中api指的是什么
    html5中api指的是什么,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。在html5中,api是“application programmi...
    99+
    2024-04-02
  • html5中td指的是什么
    这篇文章主要介绍了html5中td指的是什么的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇html5中td指的是什么文章都会有所收获,下面我们一起来看看吧。 ...
    99+
    2024-04-02
  • html5中main指的是什么
    今天小编给大家分享一下html5中main指的是什么的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解...
    99+
    2024-04-02
  • HTML5中WAS指的是什么
    这篇文章主要介绍“HTML5中WAS指的是什么”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“HTML5中WAS指的是什么”文章能帮助大家解决问题。 ...
    99+
    2024-04-02
  • html5中节点指的是什么
    这篇文章主要讲解了“html5中节点指的是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“html5中节点指的是什么”吧!在html5中,节点(node)...
    99+
    2024-04-02
  • input在html5中指的是什么
    这篇文章主要讲解了“input在html5中指的是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“input在html5中指的是什么”吧! ...
    99+
    2024-04-02
  • 在HTML5中input指的是什么
    这篇文章主要介绍了在HTML5中input指的是什么的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇在HTML5中input指的是什么文章都会有所收获,下面我们一起来看看吧。 ...
    99+
    2024-04-02
  • html5中pc端指的是什么
    这篇文章主要介绍“html5中pc端指的是什么”,在日常操作中,相信很多人在html5中pc端指的是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”html5中pc端指的是...
    99+
    2024-04-02
  • html5中onclick指的是什么意思
    这篇文章主要介绍html5中onclick指的是什么意思,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!html5中onclick的意思是“单击”,onclick属性是鼠标事件的一种,...
    99+
    2024-04-02
  • html5中font指的是什么意思
    小编给大家分享一下html5中font指的是什么意思,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! ...
    99+
    2024-04-02
  • HTML5中thead指的是什么意思
    这篇“HTML5中thead指的是什么意思”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“H...
    99+
    2024-04-02
  • html5中height指的是什么意思
    小编给大家分享一下html5中height指的是什么意思,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! ...
    99+
    2024-04-02
  • html5中hi标签指的是什么
    这篇文章主要介绍了html5中hi标签指的是什么的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇html5中hi标签指的是什么文章都会有所收获,下面我们一起来看看吧。 ...
    99+
    2024-04-02
  • html5中body指的是什么意思
    这篇文章主要为大家展示了“html5中body指的是什么意思”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“html5中body指的是什么意思”这篇文章吧。 ...
    99+
    2024-04-02
  • html5中rem指的是什么意思
    这篇文章主要介绍了html5中rem指的是什么意思,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。 在html5中...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作