解决微信浏览器不能自动播放视频

需要做自动播放的背景视频找了很多解决这个问题的方法但是都不太理想总会有个别不兼容而这个方法是目前个人觉得还可以的

需要用到FFmpeg 和 ImageMagick两个工具

FFmpeg可以把视频逐帧生成图片 ImageMagick 用来把提取出来的图片合并

进入视频所在文件夹打开命令行窗口

FFmpeg使用

ffmpeg -i 视频名称.mp4 -vf scale=375:-1 -r 16 -q:v 3 输入的目录/%04d.jpg

然后使用 ImageMagick 合并

进入通过FFmpeg提取出图片的文件夹打开命令行窗口

magick montage -border 0 -geometry 375x -tile 6x -quality 60% *.jpg myimg.jpg

然后通过画布来循环渲染出来

附上 demo链接

https://github.com/zzlw/canvid

解决微信浏览器不能自动播放视频相关推荐

H5页面在微信浏览器中自动播放视频
H5页面在微信浏览器中自动播放视频安卓和IOS不同 h5在安卓微信浏览器上的视频不能自动播放 h5在iOS微信浏览器上的视频可以自动播放 iOS的实现方案
微信浏览器无法自动播放视频几种解决方式
公司页面设计打开页面需要播放一个过场的MP4视频,在电脑上手机上都没啥事但是在手机微信浏览器里面视频是无法自动播放的. 网上教你的方式无非就是 //引用官方的JS文件 <script src=& ...
Python+BeautifulSoup+Selenium模拟浏览器循环自动播放视频，如哔哩哔哩某个UP主的视频
1.前言计算机的出现,推动了人类社会的进步,使得人们更高效的工作或是生活.当我们很"懒"的时候,计算机就能站出来,帮助我们做一些我们觉得浪费时间的事情了.你嫌用手点鼠标麻烦,计算 ...
解决google浏览器无法自动播放音视频问题
浏览器报错:Unmuting failed and the element was paused instead because the user didn't interact with the d ...
谷歌(chrome)浏览器不能自动播放视频video标签
问题:VIDEO播放视频只有声音不出现画面原因:视频格式有问题 mp4的视频编码有三种:MPEG4(DivX),MPEG4(Xvid),AVC(H264) 使用H264格式,视频播放正常问题:谷歌 ...
手机 html自动播放视频,video标签设置autoplay在手机浏览器无法自动播放视频的解决方案...
content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, width=device-widt ...
解决Chrome浏览器无法自动播放音频视频的问题，Uncaught(in promise) DOMException
转载http://www.nooong.com/docs/chrome_video_autoplay.htm 在最新版的Chrome浏览器(以及所有以Chromium为内核的浏览器)中,已不再允许自动 ...
解决Chrome浏览器无法自动播放音频视频的问题
谷歌浏览器做了改革,不再允许自动播放音频和视频.Chrome只允许用户对网页进行主动触发后才可自动播放音频和视频. <video autoplay></video> 所以好多需 ...
微信浏览器背景音乐自动播放
html: <audio style="display:none; height: 0" id="bg-music" preload="auto ...
视频在H5页面在微信浏览器不能自动播放问题
//引用官方的JS文件 <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script& ...

解决微信浏览器不能自动播放视频

解决微信浏览器不能自动播放视频相关推荐

最新文章

热门文章