H5 video 属性,方法

https://www.jianshu.com/p/404d01b8e713

1,属性

src  
poster视频封面,没有播放时显示的图片 
preload预加载 
autoplay自动播放 
loop循环播放 
controls浏览器自带的控制条 
width视频宽度 
height视频高度 

 

2.方法 HTMLVideoElement和HTMLAudioElement 均继承自HTMLMediaElement

Media.errornull:正常 
Media.error.code1.用户终止 2.网络错误 3.解码错误 4.URL无效 
   
Media.currentSrc返回当前资源的URL 
Media.src = value设置当前资源的URL为value 
Media.canPlayType(type)是否能播放某种格式的资源 
Media.networkState0.此元素未初始化 1.正常但没有使用网络 2.正在下载数据 3.没有找到资源 
Media.load()重新加载src指定的资源 
Media.buffered返回已缓冲区域,TimeRanges 
Media.preloadnone:不预载 metadata:预载资源信息 auto 
   
Media.readyState
1:HAVE_NOTHING 
2:HAVE_METADATA
3.HAVE_CURRENT_DATA
4.HAVE_FUTURE_DATA
5.HAVE_ENOUGH_DATA
 
Media.seeking是否正在seeking 
   
Media.currentTime = value当前播放的位置,赋值可改变位置 
 Media.startTime 一般为0,如果为流媒体或者不从0开始的资源,则不为0 
 Media.duration 当前资源长度 流返回无限 
 Media.paused 是否是暂停状态 
 Media.defaultPlaybackRate = value 默认的回放速度,可以设置 
 Media.playbackRate = value 当前播放速度,设置后马上改变 
 Media.played 返回已经播放的区域,TimeRanges,关于此对象见下文 
 Media.seekable 返回可以seek的区域 TimeRanges 
 Media.ended 是否结束 
 Media.autoPlay 是否自动播放 
 Media.loop 是否循环播放 
 Media.play() 播放 
 Media.pause() 暂停 
   
 Media.controls 是否有默认控制条 
 Media.volume 音量 
 Media.muted 静音 
   

 TimeRanges

 

TimeRanges.start()返回具有指定索引的范围的开始时间。

TimeRanges.end()返回指定范围的结束时间。

TimeRanges.length;        //区域段数
TimeRanges.start(index) //第index段区域的开始位置
TimeRanges.end(index)  //第index段区域的结束位置

说明文章:

https://developer.mozilla.org/zh-CN/docs/Web/Apps/Fundamentals/Audio_and_video_delivery/buffering_seeking_time_ranges

 

 

 


作者:筱桀
链接:https://www.jianshu.com/p/404d01b8e713
來源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

转载于:https://www.cnblogs.com/liuyj-vv/p/9548980.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值