我将由三个图像组成的gif转换为mp4,并将m4v(用于Safari)转换为html5视频播放器,但Safari不会播放.mp4
或.m4v
以下
<video preload="yes" controls="true" >
<source src="./menu.mp4" type="video/mp4" />
<source src="./menu.m4v" type="video/m4v" />
</video>
但是,如果我使用正确的视频(即不是转换的gif),Safari(9.2)将使用上述语法播放它,所以我知道html5视频播放器在我的浏览器中工作,而不是我转换的gif。
问题,对于转换为“静止影片”照片的GIF,我是否必须设置不同的类型,即type="gif/m4v"
,还是有其他设置我必须激活?
我使用ffmpeg将gif转换为mp4,但不记得我跑去执行它的确切命令。
更新 根据{{3}} TechCrunch文章,Twitter使用mp4s代替gifs,所以我认为它应该适用于所有浏览器。
可以在这里查看mp4文件
答案 0 :(得分:2)
问题是视频编码,特别是H.264配置文件设置,与视频编解码器一起使用。
您当前的视频编码为:High 4:4:4 Predictive @ Level 2.2
,这对于浏览器视频来说似乎不常见(并且可能无法在某些移动设备上解码)。
解决方案:
在您的编码器中,选择Baseline
或Main
的H.264配置文件。
此working video使用Main @ L3.1
使用FFmpeg,您可以在Main
个人资料下制作新视频(适用于尺寸宽度480 X高度640 )。
ffmpeg -i input.mp4 -c:v libx264 -pix_fmt yuv420p -profile:v main -level:v 3.1 -an output.mp4
有用的注释:
您可以check here一些Apple推荐的个人资料(参见 Point.11 )。预计视频正在使用4:2:0
抽样,而不是无效视频中存在问题的4:4:4
。
Wowza.com explains移动设备的配置文件和级别。
Baseline
个人资料可以保证在较旧的设备上播放(例如:iPhone 3或更早版本)。