我想要使用HTML5视频播放器在网页上显示一些视频文件。视频以1920x1080格式以H.254 MP4格式发送给我。
使用FFMPEG我已经转换它们,所以我使用以下命令有一个较小的Mp4文件,一个OGV文件和一个WebM文件:
ffmpeg -i FILE.mp4 -vcodec h264 FILE.mp4
ffmpeg -i FILE.mp4 -acodec libvorbis -vcodec libtheora -f ogv FILE.ogv
ffmpeg -i FILE.mp4 -c:v libvpx -crf 10 -b:v 1M -c:a libvorbis FILE.webm
然后视频嵌入到页面中,如下所示:
<video preload="metadata" crossorigin="anonymous" poster="poster.jpg" controls playsinline>
<source src="FILE.webm" type="video/webm">
<source src="FILE.ogv" type="video/ogv">
<source src="FILE.mp4" type="video/mp4">
</video>
但是,当我点击在Chrome中播放视频时,它会在几秒后停止,然后如果我再次点击播放则会重新启动。如果我右键单击并在新标签页中打开视频,我只会看到一个微小的播放器,而不是视频,例如
所有三种格式都是如此。但是,如果我刷新浏览器的次数足够多,我可以让MP4文件显示在新标签中,尽管它仍然会受到上述失败之前播放几秒钟的错误的影响。
我在Firefox和Safari中对此进行了测试,它工作正常! 实际上它甚至适用于IE和Edge:D 我还可以播放视频机器本身的播放器......例如的QuickTime。
为什么Chrome会以这种方式行事?还是任何决议?我在Chrome for Windows和Mac上看到了相同的行为。我使用FFMPEG转换视频的方式是否可能影响Chrome而不影响其他浏览器?
在Version 63.0.3239.84 (Official Build) (64-bit)
根据其中一个webm文件的评论从ffprobe
输出:
ffprobe version 3.4 Copyright (c) 2007-2017 the FFmpeg developers
built with Apple LLVM version 7.3.0 (clang-703.0.31)
configuration: --prefix=/usr/local/Cellar/ffmpeg/3.4 --enable-shared --enable-pthreads --enable-version3 --enable-hardcoded-tables --enable-avresample --cc=clang --host-cflags= --host-ldflags= --enable-gpl --enable-ffplay --enable-libass --enable-libfdk-aac --enable-libfreetype --enable-libmp3lame --enable-libopencore-amrnb --enable-libopencore-amrwb --enable-libopus --enable-libtheora --enable-libvorbis --enable-libvpx --enable-libx264 --enable-libxvid --enable-opencl --enable-videotoolbox --enable-openssl --disable-lzma --enable-libopenjpeg --disable-decoder=jpeg2000 --extra-cflags=-I/usr/local/Cellar/openjpeg/2.3.0/include/openjpeg-2.3 --enable-nonfree
libavutil 55. 78.100 / 55. 78.100
libavcodec 57.107.100 / 57.107.100
libavformat 57. 83.100 / 57. 83.100
libavdevice 57. 10.100 / 57. 10.100
libavfilter 6.107.100 / 6.107.100
libavresample 3. 7. 0 / 3. 7. 0
libswscale 4. 8.100 / 4. 8.100
libswresample 2. 9.100 / 2. 9.100
libpostproc 54. 7.100 / 54. 7.100
Input #0, matroska,webm, from 'FILE.webm':
Metadata:
COMPATIBLE_BRANDS: mp42mp41
MAJOR_BRAND : mp42
MINOR_VERSION : 0
ENCODER : Lavf57.83.100
Duration: 00:00:52.57, start: 0.000000, bitrate: 910 kb/s
Stream #0:0(eng): Video: vp8, yuv420p(progressive), 1920x1080, SAR 1:1 DAR 16:9, 25 fps, 25 tbr, 1k tbn, 1k tbc (default)
Metadata:
HANDLER_NAME : Alias Data Handler
ENCODER : Lavc57.107.100 libvpx
DURATION : 00:00:52.563000000
Stream #0:1(eng): Audio: vorbis, 48000 Hz, stereo, fltp (default)
Metadata:
HANDLER_NAME : Alias Data Handler
ENCODER : Lavc57.107.100 libvorbis
DURATION : 00:00:52.568000000