• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > html5中返回音视频的当前媒体控制器的属性controller

html5中返回音视频的当前媒体控制器的属性controller

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含html5,音视频,h5等相关知识,匿名希望在学习及工作中可以帮助到您

实例

检测该视频是否有媒体控制器:

myVid=document.getElementById("video1");
alert("Controller: " + myVid.controller);

定义和用法

controller 属性返回音视频的当前媒体控制器。

默认地,音视频元素不会有媒体控制器。如果规定了媒体控制器,controller 属性将以 MediaController 的形式返回它。

浏览器支持

任何主流浏览器都不支持 controller 属性。

语法

audio|video.controller
值描述
MediaController 对象

表示音视频的媒体控制器。

MediaController 对象属性/方法:

  • buffered - 获得音视频的缓冲范围

  • seekable - 或者音视频的可寻址范围

  • duration - 获得音视频的时长

  • currentTime - 获得或设置音视频的当前播放位置

  • paused - 检测音视频是否已暂停

  • play() - 播放音视频

  • pause() - 暂停音视频

  • played - 检测音视频是否已播放过

  • defaultPlaybackRate - 获得或设置音视频的默认播放速率

  • playbackRate - 获得或设置音视频的当前播放速率

  • volume - 获得或设置音视频的音量

  • muted - 获得或设置音视频是否已静音

实例

检测该视频是否有媒体控制器:

<!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知识点总结
  • HTML5的本地存储
  • HTML5本地存储之IndexedDB
  • Html5实现文件异步上传功能
  • Html5新标签datalist实现输入框与后台数据库数据的动态匹配
  • 详解HTML5 window.postMessage与跨域
  • HTML5拖放API实现拖放排序的实例代码
  • 解决html5中video标签无法播放mp4问题的办法
  • HTML5新特性 多线程(Worker SharedWorker)
  • Html5新增标签有哪些

相关文章

  • 2018-12-03详细介绍HTML5 5大存储方式总结
  • 2018-12-03HTML5语音识别标签写法附图_html5教程技巧
  • 2018-12-03H5的标题书写问题
  • 2018-12-03HTML5高级编程之图形扭曲及其应用一(原理篇)
  • 2018-12-03HTML5游戏框架cnGameJS开发实录-实现动画原理
  • 2017-08-06HTML5 用动画的表现形式装载图像
  • 2018-12-03HTML5 Canvas基本线条绘制的实例教程_html5教程技巧
  • 2018-12-03HTML5新增元素、标签总结
  • 2018-12-03HTML5 canvas绘制五角星的方法
  • 2018-12-03html5 canvas常用属性方法(介绍)

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • Html5实现iPhone开机界面示例代码
    • 深入剖析webstorage--html5的本地数据处理
    • Vue组件的开发技巧总结
    • Dreamweaver--网站添加动态横幅效果
    • 为什么ie对html5的支持总是丢三落四?
    • 介绍几个超炫酷的HTML5动画演示及源码的图文详解
    • html5指南-7.geolocation结合google maps开发一个小的应用
    • H5 Canvas API中drawImage(图像进行缩放或裁剪)的使用实例
    • 使用纯HTML5编写一款网页上的时钟的代码分享_html5教程技巧
    • 小强的HTML5移动开发之路(38)——jqMobi插件ActionSheet

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有