我想使用html5视频标签嵌入一个视频:
我使用ffmpeg
对其进行了转换:
ffmpeg -i P6135199.MOV -vcodec libx264 -acodec aac helios.mp4
FFMPEG输出:
[libx264 @ 0x22ac340] using cpu capabilities: MMX2 SSE2Fast SSSE3 SSE4.2 [libx264 @ 0x22ac340] profile High 4:2:2, level 1.2, 4:2:2 8-bit [libx264 @ 0x22ac340] 264 - core 142 r2455 021c0dc - H.264/MPEG-4 AVC codec - Copyleft 2003-2014 - http://www.videolan.org/x264.html - options: cabac=1 ref=3 deblock=1:0:0 analyse=0x3:0x113 me=hex subme=7 psy=1 psy_rd=1.00:0.00 mixed_ref=1 me_range=16 chroma_me=1 trellis=1 8x8dct=1 cqm=0 deadzone=21,11 fast_pskip=1 chroma_qp_offset=-2 threads=6 lookahead_threads=1 sliced_threads=0 nr=0 decimate=1 interlaced=0 bluray_compat=0 constrained_intra=0 bframes=3 b_pyramid=2 b_adapt=1 b_bias=0 direct=1 weightb=1 open_gop=0 weightp=2 keyint=250 keyint_min=15 scenecut=40 intra_refresh=0 rc_lookahead=40 rc=crf mbtree=1 crf=23.0 qcomp=0.60 qpmin=0 qpmax=69 qpstep=4 ip_ratio=1.40 aq=1:1.00 Output #0, mp4, to 'helios.mp4': Metadata: comment-eng : OLYMPUS DIGITAL CAMERA comment : OLYMPUS DIGITAL CAMERA encoder : Lavf56.15.102 Stream #0:0(eng): Video: h264 (libx264) ([33][0][0][0] / 0x0021), yuvj422p(pc), 320x240, q=-1--1, 15 fps, 15360 tbn, 15 tbc (default) Metadata: creation_time : 2008-06-13 10:47:16 encoder : Lavc56.13.100 libx264 Stream mapping: Stream #0:0 -> #0:0 (mjpeg (native) -> h264 (libx264)) Press [q] to stop, [?] for help frame= 240 fps=124 q=-1.0 Lsize= 906kB time=00:00:15.86 bitrate= 467.7kbits/s video:902kB audio:0kB subtitle:0kB other streams:0kB global headers:0kB muxing overhead: 0.409100% [libx264 @ 0x22ac340] frame I:1 Avg QP:23.71 size: 7960 [libx264 @ 0x22ac340] frame P:123 Avg QP:23.85 size: 5255 [libx264 @ 0x22ac340] frame B:116 Avg QP:25.41 size: 2317 [libx264 @ 0x22ac340] consecutive B-frames: 3.3% 96.7% 0.0% 0.0% [libx264 @ 0x22ac340] mb I I16..4: 15.7% 69.0% 15.3% [libx264 @ 0x22ac340] mb P I16..4: 2.2% 13.4% 0.8% P16..4: 43.8% 23.1% 14.0% 0.0% 0.0% skip: 2.8% [libx264 @ 0x22ac340] mb B I16..4: 0.3% 1.3% 0.1% B16..8: 42.4% 9.9% 3.0% direct:12.2% skip:30.9% L0:37.2% L1:38.2% BI:24.5% [libx264 @ 0x22ac340] 8x8 transform intra:80.8% inter:71.9% [libx264 @ 0x22ac340] coded y,uvDC,uvAC intra: 76.7% 96.8% 49.7% inter: 37.8% 60.9% 5.1% [libx264 @ 0x22ac340] i16 v,h,dc,p: 39% 4% 8% 49% [libx264 @ 0x22ac340] i8 v,h,dc,ddl,ddr,vr,hd,vl,hu: 15% 14% 39% 6% 3% 4% 3% 6% 12% [libx264 @ 0x22ac340] i4 v,h,dc,ddl,ddr,vr,hd,vl,hu: 25% 11% 18% 8% 7% 7% 8% 8% 8% [libx264 @ 0x22ac340] i8c dc,h,v,p: 63% 7% 20% 10% [libx264 @ 0x22ac340] Weighted P-Frames: Y:5.7% UV:0.8% [libx264 @ 0x22ac340] ref P L0: 51.4% 18.3% 20.6% 9.3% 0.4% [libx264 @ 0x22ac340] ref B L0: 80.8% 19.2% [libx264 @ 0x22ac340] kb/s:461.52
我尝试将其嵌入如下:
<video src="helios.mp4" controls>Get a better browser!</video>
然而,Chrome不播放视频,只提供下载(和我转换视频之前一样)。Firefox也有同样的问题。
我已经测试和其他mp4文件(从我的手机)播放得很好。
有什么问题吗?我把它改错了吗?
这是像素格式的问题。输入文件的像素格式为yuvj422p,但libx264不支持此格式。所以你必须选择另一个。你可以使用yuv420p,它对老玩家有效。
命令
ffmpeg -i P6135199.MOV -vcodec libx264 -pix_fmt yuv420p helios.mp4
他做这项工作。
有了这个,你可以在Chrome和Safari播放视频,但是对于火狐来说,你需要一个插件。
我有一个响应站点,包含html5视频。我有一些javascript可以检查视频元素的大小是否低于某个阈值。如果是,它将移除控件,将视频播放按钮覆盖图像放置在视频元素的顶部,然后将click事件添加到保存视频元素的容器中。当点击容器时,它会将视频复制到一个模态对话框中并播放视频。 现在的困境是: webm版本没有任何问题。 modal视图的mp4版本在Safari中没有问题。 如果mp4播放到位(即
问题内容: 我有一个要使用HTML5 标签在IE9中播放的mp4视频。我将MIME类型添加到了IIS 7中,因此,如果我浏览它可以在Chrome和IE9中播放,但不能在HTML5中播放,则Chrome会以HTML播放视频。这是代码: 有任何想法吗? 谢谢 更新: 在Firefox 5.0中尝试了相同的文件,但也无法正常工作,只有Chrome可以播放mp4视频。 问题答案: 最终使用http://v
问题内容: 我通过asp.net开发了一个移动页来播放mp4视频。 我知道iOS已禁用自动播放功能以最大程度地减少用户带宽,所以我如何在Android上自动播放HTML5 mp4视频? 我已经在HTML5代码中放置了自动播放功能,但是它不起作用。 以下是我的代码: 此外,我已经解决了用户单击图像叠加层可以播放视频的问题。感谢Karthi 这是代码: 谢谢 问题答案: 您可以将’muted’和’au
我试图从谷歌驱动器流200MB视频文件。我已经尝试嵌入一个24MB的文件,共享给每个人,这工作: 当我在浏览器中正常导航到这个网址时,会显示一个我必须接受的安全请求。我相信这就是问题所在,因为它阻止了下载。也许我在URL中丢失了一些参数?我如何流较大的文件没有谷歌驱动器阻止请求?
我正在使用预先签名的URL将视频上载到AWS S3,上载成功,但当我尝试从S3下载视频并在媒体播放器(VLC或quickTime)中播放时,它不播放! 生成的预签名URL在中运行良好,但在和中也会出现与上述相同的问题。
我想创建一个gstreamer管道来背靠背播放两个mp4视频。是否可以使用gst启动进行游戏?我可以为此使用multifilesrc吗? 请告诉我播放两个视频背靠背的路径。 提前感谢!