controls在html5中的概念是什么

蜗牛 互联网技术资讯 2022-04-28 191 0

这篇文章主要介绍“controls在html5中的概念是什么”,在日常操作中,相信很多人在controls在html5中的概念是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”controls在html5中的概念是什么”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

在html5中,controls表示音频和视频的播放控件,是audio和video标签中的属性;该属性是一个布尔属性,用于规定浏览器为视频或音频提供播放控件,语法为“<video controls>”或“<audio controls>”。

本文操作环境:Windows10系统、html5版、Dell G3电脑。

controls在html5中表示什么

HTML的controls属性用于指定必须显示音频和视频控件。它是一个布尔属性,也是HTML5中的一个新特性。我们可以在两个标签<audio>和<video>中使用此属性。

controls 属性是一个 boolean(布尔) 属性。

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

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

浏览器控件应该包括:

  • 播放

  • 暂停

  • 定位

  • 音量

  • 全屏切换

  • 字幕(如果可用)

  • 音轨(如果可用)

示例如下:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>123</title> 
</head>
<body>
<video width="320" height="240" controls>
  <source src="movie.ogg" type="video/ogg">
  您的浏览器不支持 video 标签。
</video>
</body>
</html>

输出结果:

controls在html5中的概念是什么  html5 第1张

到此,关于“controls在html5中的概念是什么”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注蜗牛博客网站,小编会继续努力为大家带来更多实用的文章!

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:niceseo99@gmail.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

评论

有免费节点资源,我们会通知你!加入纸飞机订阅群

×
天气预报查看日历分享网页手机扫码留言评论Telegram