本文摘自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的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
使用php和html5 formdata实现无刷新文件上传
h5的进阶段内联标签
html5新知识
如何使用h5的dataset
button按钮和submit按钮有什么区别?
h5的web本地存储如何使用
html5 常用标签汇总详情
关于html5如何在canvas中插入图片的示例详解
h5的filereader分布读取文件应该如何使用以及其方法简介
微信html5页面如何调用第三方位置导航
更多相关阅读请进入《Firefox》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » html5中设置或返回浏览器应当显示标准的音视频控件的属性controls