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

亚当·麦奎夫

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

http://www.doubleconcentrate.com

它会在PC和Mac上自动加载并循环播放,但在iPhone和Android上,视频具有播放按钮,但根本无法播放。

此外,在iPhone 4上,播放按钮在其上有一条线。

这里有什么帮助吗?

谢谢

米克

就在今天,类似的问题也出现了(MP4视频无法在平板电脑/手机上播放)。

您的问题有所不同,因为您包含了页面和视频本身,这使检查变得更加容易(谢谢!)。

正如上面问题的答案中提到的,首先要注意的是:

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

在iOS设备上检查视频,即使用户点击播放按钮,它似乎也不想播放。这可能是格式问题,一个非常常见的示例是带有电话不支持的编解码器或配置文件的mp4(mp4是“容器”,它可以支持不同格式的视频流,但并非特定设备可以支持所有格式的视频流) )。

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

如果您想自己检查,则ffprobe((https://www.ffmpeg.org/ffprobe.html)将提供有关代码,帧速率,配置文件等的信息。例如,以下是查看BigBuckBunny之一时的输出(https://peach.blender.org)视频:

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在移动设备上预加载HTML5视频

来自分类Dev

HTML5视频无法在移动设备上顺利搜索

来自分类Dev

嵌入式YouTube视频无法加载

来自分类Dev

来自iOs嵌入式服务器的html5视频

来自分类Dev

HTML5嵌入式视频会忽略Z-index

来自分类Dev

使用HTMl5,如何对嵌入式YouTube视频进行居中和居中?

来自分类Dev

html5无法嵌入youtube视频

来自分类Dev

HTML视频无法在移动设备上运行

来自分类Dev

WebStageView无法加载Adobe Flex中嵌入HTML的HTML5视频

来自分类Dev

在HTML5独立应用iOS 8.3中嵌入式YouTube视频可打开YouTube应用

来自分类Dev

使用html5嵌入式视频与带有youtube链接的iframe之间有什么区别?

来自分类Dev

使用html5嵌入式视频与带有youtube链接的iframe之间有什么区别?

来自分类Dev

HTML5视频背景无法加载

来自分类Dev

如何在移动设备上更改HTML5中视频的播放速度?

来自分类Dev

如何仅在移动设备上用图像替换 HTML5 视频

来自分类Dev

嵌入式AVPlayer无法播放视频

来自分类Dev

YouTube嵌入式视频无法启动

来自分类Dev

嵌入式视频无法以模式打开

来自分类Dev

YouTube嵌入式视频无法启动

来自分类Dev

嵌入式iframe上的umap tilelayer未显示在移动设备上

来自分类Dev

Web应用程序中的嵌入式Youtube视频播放器与html5 / flash视频播放器

来自分类Dev

将Bootstrap布局从嵌入式表单更改为移动设备上的网格

来自分类Dev

在Facebook上嵌入带有opengraph的html5视频

来自分类Dev

嵌入式Vimeo视频上的CSS覆盖无法在Firefox全屏上正常工作

来自分类Dev

嵌入式Vimeo视频上的CSS覆盖无法在Firefox全屏上正常工作

来自分类Dev

Android 4.2.2设备上的HTML5视频

来自分类Dev

Android 4.2.2设备上的HTML5视频

来自分类Dev

JavaFx Webview无法在本地服务器上加载html5视频

来自分类Dev

无法在Android设备上查看PDF(具有嵌入式SWF)

Related 相关文章

  1. 1

    在移动设备上预加载HTML5视频

  2. 2

    HTML5视频无法在移动设备上顺利搜索

  3. 3

    嵌入式YouTube视频无法加载

  4. 4

    来自iOs嵌入式服务器的html5视频

  5. 5

    HTML5嵌入式视频会忽略Z-index

  6. 6

    使用HTMl5,如何对嵌入式YouTube视频进行居中和居中?

  7. 7

    html5无法嵌入youtube视频

  8. 8

    HTML视频无法在移动设备上运行

  9. 9

    WebStageView无法加载Adobe Flex中嵌入HTML的HTML5视频

  10. 10

    在HTML5独立应用iOS 8.3中嵌入式YouTube视频可打开YouTube应用

  11. 11

    使用html5嵌入式视频与带有youtube链接的iframe之间有什么区别?

  12. 12

    使用html5嵌入式视频与带有youtube链接的iframe之间有什么区别?

  13. 13

    HTML5视频背景无法加载

  14. 14

    如何在移动设备上更改HTML5中视频的播放速度?

  15. 15

    如何仅在移动设备上用图像替换 HTML5 视频

  16. 16

    嵌入式AVPlayer无法播放视频

  17. 17

    YouTube嵌入式视频无法启动

  18. 18

    嵌入式视频无法以模式打开

  19. 19

    YouTube嵌入式视频无法启动

  20. 20

    嵌入式iframe上的umap tilelayer未显示在移动设备上

  21. 21

    Web应用程序中的嵌入式Youtube视频播放器与html5 / flash视频播放器

  22. 22

    将Bootstrap布局从嵌入式表单更改为移动设备上的网格

  23. 23

    在Facebook上嵌入带有opengraph的html5视频

  24. 24

    嵌入式Vimeo视频上的CSS覆盖无法在Firefox全屏上正常工作

  25. 25

    嵌入式Vimeo视频上的CSS覆盖无法在Firefox全屏上正常工作

  26. 26

    Android 4.2.2设备上的HTML5视频

  27. 27

    Android 4.2.2设备上的HTML5视频

  28. 28

    JavaFx Webview无法在本地服务器上加载html5视频

  29. 29

    无法在Android设备上查看PDF(具有嵌入式SWF)

热门标签

归档