随着 4G 的普遍以及 WiFi 的广泛使用，手机上的网速已经足够稳定和高速，以视频为主的 HTML5 也越来越普遍了，相比帧动画，视频的表现更加丰富，这里介绍一些实践经验。 video的属性 <video id="video" src="video.mp4" controls = "true" p ...
分类：
其他好文 时间：
2020-05-15 09:47:06
阅读次数：
76
因为业务需要，这段时间一直在准备做一个新的HTML5播放器，涉及到一些底层的视频知识，这段时间到处搜索了解了一些相关信息，这里先做一个阶段性总结。 MPEG MPEG（Moving Picture Experts Group，动态图像专家组）是ISO（International Standardiz ...
分类：
其他好文 时间：
2020-05-13 20:26:21
阅读次数：
188
1.兼容video标签的必要性 随着HTML5的定稿，在HTML5的时代里，基本上只要一个 video 标签加一个视频的src链接地址就可以播放视频了，对于开发人员来讲真是“酷毕了”。但是，纵观国内市场低版本浏览器的占有率，还没有到可以放弃兼容的那个时候，这样对于前端开发人员来说，就务必要把低版本兼 ...
分类：
Web程序 时间：
2020-05-04 19:06:04
阅读次数：
72
之前对html的video标签有过一阵子研究，主要用来判断视频文件在播放时事件触发的顺序。 罗列了下实际有用的事件属性： loadstart: happened after load() method. The UA begins looking for media data.durationcha ...
分类：
其他好文 时间：
2020-04-10 12:07:38
阅读次数：
82
我发现在vue脚手架中不同的版本，对视频标签的处理是不同的哈。 在vue脚手架2.0中。离开视频video标签。所在的页面。 视频标签会自动关闭。 但是在vue3.0的脚手架中却不会自动关闭 ...
分类：
其他好文 时间：
2020-04-07 22:46:54
阅读次数：
467
设置移动端iframe 和video 标签视频溢出自动适应播放样式设置 .box iframe { position: relative; z-index: 1; width: 100%; height: 12rem; } .box .video { position: relative; z-in ...
分类：
移动开发 时间：
2020-04-03 22:08:05
阅读次数：
222
在网页中我们往往要一段小视频自动播放，但谷歌浏览器把自动播放功能给禁用了，解决方法就是给video标签增加一个muted属性； ...
分类：
其他好文 时间：
2020-03-30 00:04:55
阅读次数：
1201
因为你的video的src不是直接使用视频文件的地址，而是通过后台接口返回文件流，后台返回流的时候没为response的header设置一些参数，否则会在部分浏览器有问题 String rangeString = request.getHeader("Range");//如果是video标签发起的请 ...
分类：
其他好文 时间：
2020-03-28 18:07:34
阅读次数：
573
这里我们先来描述一下问题，页面中使用了video标签，按照video标签的官方介绍下图介绍： 没有设置poster的情况下在浏览器中我们可以看到视频的第一帧，页面效果如下图左图所示；但是嵌入App后，右面的样子： 这个时候我能想到的就是设置一下 poster 为某张固定图片，看看是不是poster ...
分类：
移动开发 时间：
2020-03-22 14:20:19
阅读次数：
505
<video>标签的属性## src ：视频的属性 poster：视频封面，没有播放时显示的图片 preload：预加载 autoplay：自动播放 loop：循环播放 controls：浏览器自带的控制条 width：视频宽度 height：视频高度 <video width="320" heig ...
分类：
Web程序 时间：
2020-01-13 14:33:43
阅读次数：
98
