本文摘自PHP中文网,作者黄舟,侵删。
实例
检测该视频是否有媒体控制器:
1 2 | myVid=document.getElementById("video1");
alert("Controller: " + myVid.controller);
|
定义和用法
controller 属性返回音视频的当前媒体控制器。
默认地,音视频元素不会有媒体控制器。如果规定了媒体控制器,controller 属性将以 MediaController 的形式返回它。
浏览器支持
任何主流浏览器都不支持 controller 属性。
语法
值 | 描述 |
MediaController 对象 | 表示音视频的媒体控制器。 MediaController 对象属性/方法: buffered - 获得音视频的缓冲范围 seekable - 或者音视频的可寻址范围 duration - 获得音视频的时长 currentTime - 获得或设置音视频的当前播放位置 paused - 检测音视频是否已暂停 play() - 播放音视频 pause() - 暂停音视频 played - 检测音视频是否已播放过 defaultPlaybackRate - 获得或设置音视频的默认播放速率 playbackRate - 获得或设置音视频的当前播放速率 volume - 获得或设置音视频的音量 muted - 获得或设置音视频是否已静音
|
实例
检测该视频是否有媒体控制器:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <!DOCTYPE html>
< html >
< body >
< p >
< button onclick = "checkMedCont()" type = "button" >检查视频是否拥有媒体控制器</ button >
</ p >
< video id = "video1" controls = "controls" >
< source src = "/kf51/demo/mov_bbb.mp4" type = "video/mp4" >
< source src = "/kf51/demo/mov_bbb.ogg" type = "video/ogg" >
您的浏览器不支持 video 标签。
</ video >
< script >
var myVid = document.getElementById("video1");
function checkMedCont() {
alert("Controller: " + myVid.controller);
}
</ script >
</ body >
</ html >
|
以上就是html5中返回音视频的当前媒体控制器的属性controller的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
HTML5如何实现图片转圈的动画效果
浅谈前端的正则表达式
详细介绍7款炫酷的HTML5 canvas动画特效
详解HTML5 表单属性
如何使用HTML5时钟实现(附代码)
h5本地存储实例详解
通过h5实现拍照功能的实例详解
HTML5应用缓存与web workers的图文详解
通过HTML5实现图片上传与预览功能
HTML5第一人称射击游戏实现的代码分享
更多相关阅读请进入《HTML5》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » html5中返回音视频的当前媒体控制器的属性controller