javascript HTMLMediaElement
HTMLVideoElement
和HTMLAudioElement
都是继承该类
属性
继承了HTMLElement, Element, Node, EventTarget
属性 | 类型 | 描述 |
---|---|---|
audioTracks | AudioTrackList | tracks 声道,比如左声道和右声道 |
autoplay |
Boolean
|
是否自动播放 |
buffered |
TimeRanges
|
|
controller |
MediaController
|
|
controls |
Boolean
|
|
controlsList |
DOMTokenList
|
|
crossOrigin |
DOMString
|
|
currentTime |
double
|
用来控制声音和视频的时间,比如音频播放一端时间后,重置为0,从开始再次 |
defaultMuted |
Boolean
|
|
defaultPlaybackRate |
double
|
|
disableRemotePlayback |
Boolean
|
|
duration | ||
ended |
Boolean
|
|
error |
MediaError
|
|
loop |
Boolean
|
|
mediaGroup |
DOMString
|
|
muted |
Boolean
|
|
networkState |
unsigned short
|
|
paused |
Boolean
|
|
playbackRate |
double
|
|
played |
TimeRanges
|
|
preload |
DOMString
|
|
readyState |
unsigned short
|
|
seekable |
TimeRanges
|
|
seeking |
Boolean
|
|
sinkId |
DOMString
|
|
src |
DOMString
|
资源 |
srcObject |
MediaStream
|
|
textTracks |
TextTrack
|
|
videoTracks |
VideoTrack
|
|
volume |
double
|
音量0~1 |
方法
继承HTMLElement, Element, Node, and EventTarget.
方法 | 类型 | 描述 |
---|---|---|
addTextTrack() | ||
canPlayType() | ||
fastSeek() | ||
load() | 加载资源 | |
pause() |
事件
继承HTMLElement
,可以使用addEventListener()
,也可以使用下方所列
事件 | 描述 |
---|---|
abort | |
canplay | |
canplaythrough | |
durationchange | |
emptied | |
ended | |
error | |
loadeddata | |
loadedmetadata | |
loadstart | |
pause | |
play | |
playing | |
progress | |
ratechange | |
seeked | |
seeking | |
stalled | |
suspend | |
timeupdate | |
volumechange | |
waiting |
参考:
HTMLMediaElement
https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLMediaElement
javascript HTMLMediaElement相关推荐
- Web API 接口-JavaScript全部api接口文档
当使用JavaScript编写网页代码时,有很多API可以使用.以下是所有对象.类型等接口的列表,你在开发网页应用程序或站点时使用它们. API文档地址:https://developer.mozil ...
- 前端三剑客 Html Css JavaScript
html和css HTML(Hyper Text Markup Language) HTML 不是一门编程语言,而是一种用来告知浏览器如何组织页面的标记语言.HTML 可复杂.可简 单,一切取决于开发 ...
- 使用JavaScript创建音乐播放器的案例详解
英文 | https://www.geeksforgeeks.org/create-a-music-player-using-javascript/?ref=leftbar-rightbar 翻译 | ...
- 【JavaScript】客户端 Web API
根据MDN网站学习记录笔记 客户端 Web API 一.Web API简介 二.操作文档 Document 2.1 DOM 基本介绍 2.2 DOM基本操作 2.3 动态购物单 三.从服务器获取数据 ...
- 【AJAX】JavaScript的面向对象
Ajax中后端数据返回后需要前端通过JavaScript来实现动态数据更新的问题.所以,在Ajax中加深了一遍JavaScript面向对象的印象. 基础部分: JavaScript中创建对象并简单对象 ...
- 【JavaScript总结】JavaScript语法基础:JS高级语法
作用域链: 1.JS中只有函数能够限定作用域的范围: 2.变量处理在制定的函数范围内,还有一个特殊的作用域,就是没有用var 声明的全局作用域 3.js中的作用域链是为了清晰的表示出所有变量的作用范围 ...
- 【JavaScript总结】JavaScript语法基础:DOM
->DOM的理解:文档对应dom树 ->有了DOM能做什么:DOM的操作 html文档做为DOM树模型,DOM树的节点就是对象.对象会触发事件来执行一些事件代码. C#中的事件是一个委托变 ...
- 【JavaScript总结】JavaScript语法基础:JS编码
运算符 数学:+. -. *. / 逻辑:>. < .>= .<=. == . !=.&&.|| . === .!==(完全等于) 对象相关 new delet ...
- 【JavaScript总结】JavaScript语法基础:数据类型
------>数据类型有哪些? ->基本类型:数字类型,布尔类型,字符串类型 ->引用类型:对象类型,函数类型 ->空类型:null 和 undefined ->运算符: ...
最新文章
- MySQL常见的几个错误汇总
- python中 str.strip()用法
- c语言自动生成球队名称,C语言实现队(循环队列)
- [Leetcode][第404题][JAVA][左叶子之和][DFS][BFS]
- 3.9 创建数据类型
- Python极简代码压缩图像十到百倍
- 如何在tomcat下应用部署日志_教妹子用IDEA创建web应用,部署到Tomcat服务器
- == 与 equals 的区别
- 设计模式之GOF23责任链模式
- Java SE 基础:线程
- 微软走进云南为网吧提供特价正版软件
- WinISO5.3的注册码吧
- 2022年11月信息系统项目管理师考试论文相关内容预测
- 送学计算机男生什么礼物好,【十大男生喜欢的礼物】男生渴望收到什么礼物_主妇网...
- 为Chrome设置代理
- Java SE - 10 - 多线程
- Linux中合并多个Pdf文件(使用pdfunite,合并比较简单)
- Android背景和音乐
- Inno Setup字符串截取/拷贝
- 【新版发布】ComponentOne 新增 .NET 6 和 Blazor 平台控件支持
热门文章
- 换行样式不要首行缩进_修改文档样式库中的“正文”样式,使得文档中所有正文段落首行缩进2个字符。...
- 从零开始学前端:if判断,for循环,,switch判断 --- 今天你学习了吗?(JS:Day4)
- java 进阶 知乎_(二)零基础写Java知乎爬虫之进阶篇
- python 数组去重复_numpy数组去掉重复的行,保留唯一的行数据
- 微课|Python快速判断垃圾邮件
- Python连接两个字符串并去除首尾重复子串
- win7查看tomcat端口_win7
- gzdeflate函数_PHP中的gzcompress、gzdeflate、gzencode函数详解_php实例
- ztree在刷新时第一个父节点消失_从反向传播推导到梯度消失and爆炸的原因及解决方案(从DNN到RNN,内附详细反向传播公式推导)...
- android 属性动画 补间动画,每日一道面试题(第7期)---Android补间动画与属性动画的区别...