HTML5的Video标签的属性,要领和事宜汇总(转)

<video>标签的属性
src :视频的属性
poster:视频封面,没有播放时显现的图片
preload:预加载
autoplay:自动播放
loop:轮回播放
controls:浏览器自带的掌握条
width:视频宽度
height:视频高度
html 代码

  <video id="media" src="http://www.sundxs.com/test.mp4" controls width="400px" heigt="400px"></video>  
  //audio和video都能够经由过程JS猎取对象,JS经由过程id猎取video和audio的对象
猎取video对象

  Media = document.getElementById("media"); 
Media要领和属性:
HTMLVideoElement和HTMLAudioElement 均继续自HTMLMediaElement
Media.error; //null:平常
Media.error.code; //1.用户停止 2.收集毛病 3.解码毛病 4.URL无效
//收集状况 
- Media.currentSrc; //返回当前资本的URL
- Media.src = value; //返回或设置当前资本的URL
- Media.canPlayType(type); //是不是能播放某种花样的资本
- Media.networkState; //0.此元素未初始化 1.平常但没有运用收集 2.正在下载数据 3.没有找到资本
- Media.load(); //从新加载src指定的资本
- Media.buffered; //返回已缓冲地区,TimeRanges
- Media.preload; //none:不预载 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 = value; //音量
Media.muted = value; //静音
TimeRanges(地区)对象
TimeRanges.length; //地区段数
TimeRanges.start(index) //第index段地区的最先位置
TimeRanges.end(index) //第index段地区的终了位置
//相干事宜

  var eventTester = function(e){
     Media.addEventListener(e,function(){
         console.log((new Date()).getTime(),e)
     },false);
 }
eventTester("loadstart"); //客户端最先要求数据
eventTester("progress"); //客户端正在要求数据
eventTester("suspend"); //耽误下载
eventTester("abort"); //客户端主动停止下载(不是由于毛病引发)
eventTester("loadstart"); //客户端最先要求数据
eventTester("progress"); //客户端正在要求数据
eventTester("suspend"); //耽误下载
eventTester("abort"); //客户端主动停止下载(不是由于毛病引发),
eventTester("error"); //要求数据时碰到毛病
eventTester("stalled"); //网速失速
eventTester("play"); //play()和autoplay最先播放时触发
eventTester("pause"); //pause()触发
eventTester("loadedmetadata"); //胜利猎取资本长度
eventTester("loadeddata"); //
eventTester("waiting"); //守候数据,并不是毛病
eventTester("playing"); //最先回放
eventTester("canplay"); //能够播放,但半途能够由于加载而停息
eventTester("canplaythrough"); //能够播放,歌曲悉数加载终了
eventTester("seeking"); //寻觅中
eventTester("seeked"); //寻觅终了
eventTester("timeupdate"); //播放时候转变
eventTester("ended"); //播放终了
eventTester("ratechange"); //播放速度转变
eventTester("durationchange"); //资本长度转变
eventTester("volumechange"); //音量转变
    原文作者:云霄阁主
    原文地址: https://segmentfault.com/a/1190000008053507
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞