本文摘自PHP中文网,作者黄舟,侵删。
实例
为视频启动控件:
1 2 | myVid=document.getElementById("video1");
myVid.controls=true;
|
定义和用法
controls 属性设置或返回浏览器应当显示标准的音视频控件。
标准的音视频控件包括:
播放
暂停
进度条
音量
全屏切换(供视频)
字幕(当可用时)
轨道(当可用时)
浏览器支持
所有主流浏览器都支持 controls 属性。
注释:Internet Explorer 8 或更早的浏览器不支持该属性。
语法
设置 controls 属性:
1 | audio|video.controls=true|false
|
返回 controls 属性:
属性值
| 值 | 描述 |
| true | 指示显示控件。 |
| false | 默认。指示不显示控件。 |
技术细节
| 返回值 | 布尔值。true|false |
| 默认值: | false |
例子:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<form action="" method="post">
<label id="label">
邮编:
<input type="text" name="text"value="" maxlength="6">
<small>请输入六位数字</small>
</label>
<input type="button" value="设置默认值" onclick="setValue()">
</form>
<script type="text/javascript">
function setValue(){
var label = document.getElementById('label');
var textbox = label.control;
textbox.value='10010';
}
</script>
</body>
</html>
|
在HTML5中,可以在标签内部放置一个表单元素,并且通过该标签的control属性来访问该表单元素。
以上就是html5中设置或返回浏览器应当显示标准的音视频控件的属性controls的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
你有认真学习html5吗?那么你应该读的书都在这里了
html5-geolocation apis的示例代码
秀野堂html5入门视频教程的资源推荐
html5中关于封装和添加与获取删除以及cookie介绍
html5中float属性造成的换行如何处理
html5的优势有哪些
什么是html5技术
html5和h5是一个概念吗
自定义html5 progress的样式的图文代码详解
html5播放视频教程
更多相关阅读请进入《Firefox》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » html5中设置或返回浏览器应当显示标准的音视频控件的属性controls