Question

我最近在本网站的主页上使用MP4和Webm嵌入了HTML5：

http://www.doubleconcentrate.com

它在PC和Mac上自动加载和循环，但在iPhone和Android上，视频有一个播放按钮，但根本无法播放。

更多信息在iPhone 4上，播放按钮上有一条线。

这里有任何帮助吗？

由于

Answer 1

今天就出现了类似的问题（MP4 video unable to play on tablet/mobile）。

你的问题有点不同，因为你包含了页面和视频本身，这使得检查更容易（谢谢！）。

首先要注意的是，如上面问题的答案所述：

...您可能不希望[浏览器中的视频]自动在移动设备上播放，因为某些价格计划可能会为您的用户带来数据费用 - 这是自动播放视频的关键原因移动设备在历史上不受支持。人们尝试了各种各样的解决方法，但我不确定是否有一种普遍适用的方法，你真的需要考虑你是否真的想要这样做。

在iOS设备上查看视频时，即使用户点按播放按钮，也似乎不想播放。这可能是一个格式问题，一个非常常见的例子是带有编解码器或配置文件的mp4，手机不支持（mp4是'容器'，它可以支持不同格式的视频流，并非所有特定设备都支持）。

如果您可以提供视频本身的直接链接，则应该可以对此进行检查。

如果你想自己检查一下，那么ffprobe（（https://www.ffmpeg.org/ffprobe.html）将提供有关代码，帧率，配置文件等的信息。例如，以下是查看其中一个BigBuckBunny时的输出（{{3}视频：

ffprobe version 2.6.1 Copyright (c) 2007-2015 the FFmpeg developers
  built with llvm-gcc 4.2.1 (LLVM build 2336.11.00)
  configuration: --prefix=/Volumes/Ramdisk/sw --enable-gpl --enable-pthreads --enable-version3 --enable-libspeex --enable-libvpx --disable-decoder=libvpx --enable-libmp3lame --enable-libtheora --enable-libvorbis --enable-libx264 --enable-avfilter --enable-libopencore_amrwb --enable-libopencore_amrnb --enable-filters --enable-libgsm --enable-libvidstab --enable-libx265 --disable-doc --arch=x86_64 --enable-runtime-cpudetect
  libavutil      54. 20.100 / 54. 20.100
  libavcodec     56. 26.100 / 56. 26.100
  libavformat    56. 25.101 / 56. 25.101
  libavdevice    56.  4.100 / 56.  4.100
  libavfilter     5. 11.102 /  5. 11.102
  libswscale      3.  1.101 /  3.  1.101
  libswresample   1.  1.100 /  1.  1.100
  libpostproc    53.  3.100 / 53.  3.100
Input #0, mov,mp4,m4a,3gp,3g2,mj2, from '/folder/big_buck_bunny_720p_h264.mov':
  Metadata:
    major_brand     : qt  
    minor_version   : 537199360
    compatible_brands: qt  
    creation_time   : 2008-05-27 18:36:22
    timecode        : 00:00:00:00
  Duration: 00:09:56.46, start: 0.000000, bitrate: 5589 kb/s
    Stream #0:0(eng): Video: h264 (Main) (avc1 / 0x31637661), yuv420p(tv, bt709), 1280x720, 5146 kb/s, 24 fps, 24 tbr, 2400 tbn, 4800 tbc (default)
    Metadata:
      creation_time   : 2008-05-27 18:36:22
      handler_name    : Apple Alias Data Handler
      encoder         : H.264
    Stream #0:1(eng): Data: none (tmcd / 0x64636D74) (default)
    Metadata:
      creation_time   : 2008-05-27 18:36:22
      handler_name    : Apple Alias Data Handler
      timecode        : 00:00:00:00
    Stream #0:2(eng): Audio: aac (LC) (mp4a / 0x6134706D), 48000 Hz, 5.1, fltp, 437 kb/s (default)
    Metadata:
      creation_time   : 2008-05-27 18:36:22
      handler_name    : Apple Alias Data Handler

HTML5嵌入式视频无法在移动设备上加载

1 个答案: