js中video的api有那些

2020-07-16 17:38发布

2条回答
九年
2楼 · 2020-07-21 14:38

主要分为属性、方法、事件三方面:

属性:

audioTracks:返回表示可用音频轨道的 AudioTrackList 对象。

autoplay:设置或返回是否在加载完成后随即播放音频/视频。

buffered:返回表示音频/视频已缓冲部分的 TimeRanges 对象。

controller:返回表示音频/视频当前媒体控制器的 MediaController 对象。

controls:设置或返回音频/视频是否显示控件(比如播放/暂停等)。

crossOrigin:设置或返回音频/视频的 CORS 设置。

currentSrc:返回当前音频/视频的URL。

currentTime:设置或返回音频/视频中的当前播放位置(以秒计)。

defaultMuted:设置或返回音频/视频默认是否静音。

defaultPlaybackRate:设置或返回音频/视频的默认播放速度。

duration:返回当前音频/视频的长度(以秒计)。

ended:返回音频/视频的播放是否已结束。

error:返回表示音频/视频错误状态的 MediaError 对象。

loop:设置或返回音频/视频是否应在结束时重新播放。

mediaGroup:设置或返回音频/视频所属的组合(用于连接多个音频/视频元素)。

muted:设置或返回音频/视频是否静音。

networkState:返回音频/视频的当前网络状态。

paused:设置或返回音频/视频是否暂停。

playbackRate:设置或返回音频/视频播放的速度。

played:返回表示音频/视频已播放部分的 TimeRanges 对象。

preload:设置或返回音频/视频是否应该在页面加载后进行加载。

readyState:返回音频/视频当前的就绪状态。

seekable:返回表示音频/视频可寻址部分的 TimeRanges 对象。

seeking:返回用户是否正在音频/视频中进行查找。

src:设置或返回音频/视频元素的当前来源。

startDate:返回表示当前时间偏移的 Date 对象。

textTracks:返回表示可用文本轨道的 TextTrackList对象。

videoTracks:返回表示可用视频轨道的 VideoTrackList 对象。

volume:设置或返回音频/视频的音量。

方法:

addTextTrack():向音频/视频添加新的文本轨道。

canPlayType():检测浏览器是否能播放指定的音频/视频类型。

load():重新加载音频/视频元素。

play():开始播放音频/视频。

pause():暂停当前播放的音频/视频。


事件:

abort:当音频/视频的加载已放弃时触发。

canplay:当浏览器可以开始播放音频/视频时触发。

canplaythrough:当浏览器可在不因缓冲而停顿的情况下进行播放时触发。

durationchange:当音频/视频的时长已更改时触发。

emptied:当目前的播放列表为空时触发。

ended:当目前的播放列表已结束时触发。

error:当在音频/视频加载期间发生错误时触发。

loadeddata:当浏览器已加载音频/视频的当前帧时触发。

loadedmetadata:当浏览器已加载音频/视频的元数据时触发。

loadstart:当浏览器开始查找音频/视频时触发。

pause:当音频/视频已暂停时触发。

play:当音频/视频已开始或不再暂停时触发。

playing:当音频/视频在因缓冲而暂停或停止后已就绪时触发。

progress:当浏览器正在下载音频/视频时触发。

ratechange:当音频/视频的播放速度已更改时触发。

seeked:当用户已移动/跳跃到音频/视频中的新位置时触发。

seeking:当用户开始移动/跳跃到音频/视频中的新位置时触发。

stalled:当浏览器尝试获取媒体数据,但数据不可用时触发。

suspend:当浏览器刻意不获取媒体数据时触发。

timeupdate:当目前的播放位置已更改时触发。

volumechange:当音量已更改时触发。

waiting:当视频由于需要缓冲下一帧而停止时触发


何大侠
3楼 · 2020-07-23 15:10

最近项目中的视频功能,需要做到浏览器全兼容,所以之前用html5实现的视频功能就需要进行改造了。在网上翻了个遍,试来试去,在所有的视频播放器中,就数它最实际了。首先我们来看看它的优点:

     1.它是开源免费的,你可以在github很容易的获取它的最新代码。

     2.使用它非常的容易,只要花几秒钟就可以架起一个视频播放页面。

     3.它几乎兼容所有的浏览器,并且优先使用html5,在不支持的浏览器中,会自动使用flash进行播放。

     4. 界面可以定制,纯javascript和css打造。说明文档也非常的详细。


相关问题推荐

  • 回答 97
    已采纳

    Js给初学者的印象总是那么的杂而乱,相信很多初学者都在找轻松学习Js的途径。在这里给大家总结一些学习Js的经验,希望能给后来的学习者探索出一条轻松学习Js之路。Js给人那种感觉的原因多半是因为它如下的特点:A:本身知识很抽象、晦涩难懂,如:闭包、内置...

  • 回答 4

    看图:

  • 回答 18

    基本类型( 6种 ):Number ( 数值 ) String ( 字符串 )Boolean ( 布尔 ) Undefined ( 未定义 )Null ( 空 )ES6 - Symbol  ( 唯一 )

  • 回答 19

    JavaScript 使网页增加互动性,使有规律地重复的HTML文段简化,减少下载时间。JavaScript 能及时响应用户的操作,对提交表单做即时的检查,无需浪费时间交由 CGI 验证。JavaScript 的特点是无穷无尽的,只要你有创意。...

  • 回答 18

    timeoutId: 定时器IDfunc: 延迟后执行的函数code: 延迟后执行的代码字符串,不推荐使用原理类似eval()delay: 延迟的时间(单位:毫秒),默认值为0param1,param2: 向延迟函数传递而外的参数,IE9以上支持setInterval: 以固定的时间间隔重复调用一个函...

  • 回答 15

    Number类型String类型Boolean类型Undefined类型Null类型

  • 回答 14

    空格在ASCII中的值为32,空字符为0,可本人觉得不就是都是为空的吗,没有什么区别?char mychar1,mychar2;mychar1=' ';mychar2='\0';printf(mychar1=%d,mychar2=%d,mychar1,mychar2);//其中mychar1=32;mychar2=0;...

  • 回答 16

    1.变量名可以有数字0~9、大小写字母、下划线、美元符$组成。2.变量名不能以数字开头。 当我们以数字为开头时,代码就会出现橙色下划线,代表命名不...3.变量名不允许使用中文。 不能允许使用中文这个就不用多说了吧,不管你在哪找代码来看,代码中...4.区分大小写...

  • 回答 8

    向一个对象数组里面添加新的属性var arry= [{a:11,b:22,c:33,d:44},{a:11,b:0,c:0,d:44},{a:11,b:22,c:99,d:99}];var arry2=[];arry.map(((item, index)=> {arry2.push(Object.assign({},item,{mess1:item.c,mess2:item.d}))}))cons...

  • 回答 2

    我觉得getTopWindow() 应该是他自己写的函数 mask  应该是getTopWindow()函数中 return 出的一个什么玩意show()  jQuery的显示

  • 回答 16

    看上图

  • 回答 9

    如图所示

  • 回答 12

    1、原型对象也是普通的对象,是对象一个自带隐式的 __proto__ 属性,原型也有可能有自己的原型,如果一个原型对象的原型不为 null 的话,我们就称之为原型链 2、 原型链是由一些用来继承和共享属性的对象组成的(有限的)对象链...

  • js选项卡的实现原理2021-06-15 21:48
    回答 6

    如图所示,最简单的选项卡思路:选项卡就是点击按钮切换到相应内容,其实就是点击按钮把内容通过display(block none)来实现切换的。1、首先获取元素。2、for循环历遍按钮元素添加onclick 或者 onmousemove事件。3、因为点击当前按钮时会以高亮状态显示,所以...

  • 回答 4

    1、js截取两个字符串之间的内容:123var str = aaabbbcccdddeeefff; str = str.match(/aaa(\S*)fff/)[1]; alert(str);//结果bbbcccdddeee2、js截取某个字符串前面的内容:123var str = aaabbbcccdddeeefff; tr = str.match(/(\S*)fff/)[1];......

  • 回答 4

    如果是ajax 就直接获取如果是传到一个页面 就再get再在js中使用 就可以获取了。 可以在js中获取一个变量 但是不能写入一段java代码.

没有解决我的问题,去提问