关于成都做网站HTML中video标签讲解

2024-02-13 分类：网站建设

只要在HTML5中使用过视频播放的同学对video标签一定不会陌生，不过很多同学只使用了video的基础功能，实际上video拥有强大潜能的，只要姿势正确就能让其拥有超能力。不妨从下面几个场景来逐渐了解下video未曾被发掘的神秘空间，下面我们就和成都做网站的创新互联一起来详细的了解一下吧。

节省视频流量

使用video的同学基本上都是这样用的，如下：

利用src属性

成都做网站,网站前端设计,H5标签

利用source标签

成都做网站,网站前端设计,H5标签

这样就可以播放视频了，不过前面我们讲过这样使用video，视频的加载是受浏览器控制的，可以看下浏览器在视频刚开始播放的时候下载了多少数据：我随便找了个视频，视频总长度是02:08,在播放到00:05的时候，浏览器已经下载到01:30了，如果用户终止观看，下载的视频就这样被浪费掉了。当然，如果不断的seek也会造成较多的流量浪费。按照我们之前的统计在短视频领域，用户seek的频率在80%，所以这部分流量是可以节省掉的。具体原理如下:

成都做网站,网站前端设计,H5标签