layui官方上传视频时并没直接提供获取视频时长的方法，需要我们间接获得 HTML增加一个<video>标签，因为video标签可以帮我们获取视频时长 <video id="videoattr" width="250" height="100" ></video> 当然，你也可以设置隐藏。 然后JS ...
分类：
Web程序 时间：
2020-01-12 11:42:28
阅读次数：
239
video标签两边不能铺满盒子；如图： 如果不考虑兼容IE浏览器可以使用CSS样式： video{ object-fit:fill;} 以上CSS不兼容IE 需要兼容IE建议去这里看看详细插件的使用 ...
分类：
其他好文 时间：
2020-01-07 13:17:35
阅读次数：
236
通过js截取video窗口的一帧渲染到canvas。 如果需要保存为图片，只需将canvas保存为图片即可。 canvas保存为图片参考：https://www.cnblogs.com/dch0/p/11698982.html <!DOCTYPE html> <html> <head> <meta ...
分类：
Web程序 时间：
2019-12-24 11:41:36
阅读次数：
206
<video src="movie.mp4" controls="controls"> 您的浏览器不支持 video 标签。 </video> 把这个放在后台编辑器里面即可播放。 ...
分类：
Web程序 时间：
2019-12-23 13:07:31
阅读次数：
90
什么要再重新load一下什么替换一下src,没有啥作用，简单粗暴又有效的方法 两个重要点 一，video的问题，单单替换source的src是不行的，简单明了重新替换整个video标签，将video用js重新替换一遍，更改src 二，video.js插件的问题， var myPlayer = vid ...
分类：
Web程序 时间：
2019-12-20 14:05:37
阅读次数：
408
根据博主多次反复实验发现这个确实有点难搞，目前最简单最快捷的办法就是给 video 标签套个单独的父级view标签; padding：10px；background：#000；border-radius: 10rpx; 因为视频播放窗口外层部分是黑色的，所以视觉效果基本没问答题，如果需要设置封面，背 ...
分类：
移动开发 时间：
2019-12-19 11:28:49
阅读次数：
425
注意：不同的浏览器会展示不同样式的控制面板。 1.video标签 支持firefox自动播放 谷歌、ie不支持自动播放 <video controls="controls" autoplay="autoplay" name="media"><source src="./img/music.mp3" ...
分类：
Web程序 时间：
2019-12-08 15:43:19
阅读次数：
133
前一段时间，使用mui写app时，出现了苹果手机播放视频时，自动全屏的情况，并且无法点击控件，只能等到播放完毕后点击控件。 那么怎么解决这个问题呢，弟弟们请看我的下面。 1.在页面的video标签中，添加 playsinline webkit-playsinline x5-playsinline 属 ...
分类：
移动开发 时间：
2019-12-03 23:14:23
阅读次数：
199
video 调用方法 <video src=""> </video> 用途往网页里面添加视频 在里面添加 controls="controls" 结果是这样的 <video src="movie.ogg" controls="controls"> </video> 最后的结果里面会出现进度条和播放暂 ...
分类：
Web程序 时间：
2019-11-18 22:11:16
阅读次数：
631
网页加入视频可以用h5自带的video标签，这里用一个jQuery封装优化好的video视频组件videojs。 videojs官方网站：https://docs.videojs.com/index.html videojs下载：https://github.com/videojs/video.js ...
分类：
Web程序 时间：
2019-11-11 18:16:56
阅读次数：
178
