怎么在Html5中使用视频标签

　　介绍

这篇文章将为大家详细讲解有关怎么在Html5中使用视频标签,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

<强>视频标签行内属性

<李>

src:视频的URL

<李>

海报:视频封面,没有播放时显示的图片

<李>

预加载:预加载

<李>

播放:自动播放

<李>

循环:循环播放

<李>

控制:浏览器自带的控制条

<李>

宽度:视频宽度

<李>

高度:视频高度

<李>

webkit-playsinline=皌rue"IOS下防止全屏播放

<李>

playsinline=皌rue"李同上

<李>

x-webkit-airplay=皌rue"支持ios的AirPlay功能

<李>

x5-video-player-type=癶6"启用同层H5播放器

<李>

x5-video-player-fullscreen=皌rue"全屏设置

<李>

x5-video-orientation=皃ortraint"李竖屏

<李>

风格=皁bject-fit: fill"封面铺满

<李>

沉默=皌rue"静音播放

应该还有一些……不过暂时没用的到,可以去查MDN文档

<强>视频对象的属性和方法

1。错误状态

video.error;美元,零://正常,, 　　video.error.code美元,,,,//1。用户终止,2。网络错误,3。解码错误,4. url无效

2。网络状态属性(有些比较常用)

video.currentSrc美元;,//返回当前资源的URL , 　　,,video.src 美元;=,值;,//返回或设置当前资源的URL , 　　美元,才能video.canPlayType(类型),,//是否能播放某种格式的资源,, 　　video.networkState美元,,,,//0。此元素未初始化,,1。正常但没有使用网络,,2。正在下载数据,,3。没有找到资源,, 　　美元,才能video.load();,//重新加载src指定的资源,, 　　video.buffered美元,,,,//返回已缓冲区域,video.buffered.end美元(0)拿到最后一刻的数据 　　video.preload美元,,,,//没有:不预载,元数据:预载资源信息,汽车:

3。准备状态

video.readyState美元;,,,,//1:HAVE_NOTHING  2: HAVE_METADATA  3. have_current_data  4. have_future_data  5. have_enough_data , 　　video.seeking美元,,,,//是否正在寻求

4。播放状态(,常用)

video.currentTime 美元;=,值;,//当前播放的位置,赋值可改变位置,,, 　　video.duration美元,,,,//当前资源长度,流返回无限,, 　　video.paused美元,,,,//是否暂停,, 　　,,video.defaultPlaybackRate 美元;=,价值;//默认的回放速度,可以设置,, 　　,,video.playbackRate 美元;=,价值;//当前播放速度,设置后马上改变,, 　　video.seekable美元,,,,//返回可以寻求的区域, 　　video.ended美元,,,,//是否结束,, 　　video.autoPlay美元,,,,,//是否自动播放,, 　　video.loop美元,,,,,//是否循环播放,, 　　美元,才能video.play(),,,,,//播放,, 　　美元,才能video.pause();,,,//暂停

5。控制

video.controls美元;//是否有默认控制条,, 　　,,video.volume 美元;=,值;,//音量,, 　　,,video.muted 美元;=,值;,//静音 　　视频事件方法(常用的加*了) 　　loadstart ,,//客户端开始请求数据,, 　　* progress ,,,//客户端正在请求数据,, 　　suspend ,,,,//延迟下载,, 　　abort ,,,,,,//客户端主动终止下载(不是因为错误引起),,, 　　* error ,,,,,//请求数据时遇到错误,, 　　stalled ,,,,//网速失速,, 　　* play ,,,,,,,//玩()和播放开始播放时触发,, 　　* pause ,,,,,//暂停()触发,, 　　loadedmetadata ,//成功获取资源长度,, 　　* waiting ,,,//等待数据,并非错误,, 　　* playing ,,,,//开始回放,, 　　canplay ,,,,//可以播放,但中途可能因为加载而暂停,, 　　* canplaythrough //可以播放,, 　　seeking ,,,,//资源寻找中,, 　　seeked ,,,,,//资源寻找完毕,, 　　* timeupdate ,//播放时间改变,, 　　* ended ,,,,,,//播放结束,, 　　ratechange ,//播放速率改变,, 　　durationchange ,//资源长度改变,, 　　* volumechange ,,,//音量改变

关于怎么在Html5中使用视频标签就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。

怎么在Html5中使用视频标签