html5的video标签,html video标签属性

　　前言

　　最近写了一个自定义播放器。在写之前，我们必须先了解播放器的所有属性和方法。只有认识自己，了解对方，才能百战百胜.后面会上传我们写的播放器和我们踩过的一些坑。

　　video标签行内属性

　　Src:视频的URL海报：视频封面，无播放时显示的图像preload:preload autoplay:autoplay loop:loop播放控件：浏览器自带的控制栏宽度：视频宽度高度：视频高度WebKit-PlaysOnline= true 防止全屏播放Online= true 如上图X-W. Ebit-AirPlay= true 支持ios x5的AirPlay功能-video-player-type=h5 启用同一层的h5播放器X5-video-player-Full screen= true .但暂时不用。您可以查看MDN文档。

　　video对象的属性和方法

　　1.错误状态

　　$ video.error//null:normal $ video . error . code；//1.用户终端2。网络错误3。解码错误4。无效的4。网址2。网络状态属性(有些是常用的)

　　$ video.currentSrc//返回当前资源的$ video.src=value//返回或设置当前资源的URL $ video . canplaytype(type)；//能否以一定格式播放资源$ video.networkState//0.此元素未初始化。1.很正常但是没有使用网络。2.下载数据。3.找不到资源$ video . load()；//重新加载src指定的资源$ video.buffered//返回缓冲区，$video.buffered.end(0)获取最后一分钟的数据$ video.preload//none:不预加载元数据：预加载资源信息auto:3。准备状态

　　$ video.readyState//1:HAVE _ NOTHING 2:HAVE _ METADATA 3。HAVE_CURRENT_DATA 4拥有_未来_数据5。HAVE _足够_ DATA $ video.seeking//你在找4。播放状态(普通)

　　$ video.currentTime=value//当前播放位置，赋值可以改变位置$ video.duration//当前资源长度流返回infinite $ video.paused//是否暂停$ video . defaultplaybackrate=value；//默认播放速度，可以设置$ video.playbackRate=value//当前播放速度，设置后立即更改$ video.seek//返回可以寻找的area $ video.ended//是否结束$ video.autoPlay//是否自动播放$ video.loop//是否循环播放$ video . play()；//Play $ video . pause()；//暂停5。控制

　　$ video.controls//有没有默认的控制条$ video.volume=value//Volume $ video . muted=value；//静音视频事件方法(常用加*的)loadstart //客户端开始请求数据*progress //客户端正在请求数据暂停//延迟下载中止//客户端主动终止下载(非错误导致)，*error //请求数据时遇到错误失速//网速失速*play //play()和autoplay触发器*pause //pause()触发器loadedmetadata //成功获取资源长度*waiting //等待数据， 错误*播放//可以播放未启动//可以播放，但是可能由于中途加载而暂停*canplaythrough //seeking //资源搜索中的Seeking * time update//播放时间的变化*ended //播放seeked的变化//durationchange //资源长度的变化* Volumechange //Volume change基本上是基于这个api和属性编写的自定义播放器代码，方便大家以后查阅。

　　这就是本文的全部内容。希望对大家的学习和支持有帮助。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。