HTML5视频播放器无法在Chrome中播放mp4 h264视频

时间:2015-08-13 22:02:55

标签: google-chrome nginx html5-video mediaelement.js owncloud

我有2个视频(来自avconv的输出):

https://drive.google.com/file/d/0B8riTqvQMQTIOGxnUWFwVTRwSm8/view?usp=sharing(切割版)

Input #0, mov,mp4,m4a,3gp,3g2,mj2, from '1.mp4':
  Metadata:
    major_brand     : isom
    minor_version   : 1
    compatible_brands: isomavc1
    creation_time   : 2012-12-07 18:32:40
Duration: 00:03:07.38, start: 0.000000, bitrate: 1369 kb/s
  Stream #0.0(und): Video: h264 (High), yuv420p, 1280x720 [PAR 1:1 DAR 16:9], 1064 kb/s, 29.97 fps, 29.97 tbr, 30k tbn, 59.94 tbc
  Metadata:
    creation_time   : 2012-12-07 18:32:40
  Stream #0.1(und): Audio: aac, 48000 Hz, stereo, fltp, 301 kb/s
  Metadata:
    creation_time   : 2012-12-07 18:32:40

https://drive.google.com/file/d/0B8riTqvQMQTITF9sQXkxM1FQdzA/view?usp=sharing(切割版)

Input #0, mov,mp4,m4a,3gp,3g2,mj2, from '2.mp4':
  Metadata:
    major_brand     : isom
    minor_version   : 512
    compatible_brands: isomiso2avc1mp41
    creation_time   : 2014-01-01 00:03:01
    encoder         : Lavf54.20.4
  Duration: 00:00:02.83, start: 0.000000, bitrate: 9815 kb/s
    Stream #0.0(eng): Video: h264 (High), yuv420p, 1920x1080 [PAR 1:1 DAR 16:9], 9679 kb/s, 29.97 fps, 29.97 tbr, 30k tbn, 59.94 tbc
    Metadata:
      creation_time   : 2014-01-01 00:03:01
    Stream #0.1(eng): Audio: aac, 48000 Hz, stereo, fltp, 128 kb/s
    Metadata:
      creation_time   : 2014-01-01 00:03:01

第1个视频的大小 - 32087109个字节,第2个 - 11071658个字节。它们具有相同的视频和音频编解码器,但表现不同:

  1. 第一个视频正在使用FF / Chrome中的MediaElement.js(在html5模式下)在页面上播放。
  2. 仅在FF中使用MediaElement.js播放第二个视频。在Chrome中,它会尝试无限加载它,但我可以看到该元素已经 MEDIA_ERR_SRC_NOT_SUPPORTED 错误。
  3. 当您将第二个视频从文件系统拖到浏览器时,它正在Chrome中播放。
  4. 第二个视频直到完全下载才开始播放(在Chrome中完全下载后失败,在FF中你应该等到完全下载)。第一个预装部分并在播放时下载新部分。
  5. 我尝试将带有第二个视频的标签直接插入到页面中,并且没有任何更改。相同的 MEDIA_ERR_SRC_NOT_SUPPORTED 错误。

    来自nginx的响应头是相同的。但对于第二个视频,该网页会生成2个请求:第一个包含标题Range: 0-,第二个包含标题Range: 28-

    服务器

    • Debian Jessie
    • Nginx 1.6.2-5
    • Owncloud 8.1.0 via https

    客户端:

    • Ubuntu 14.04.2
    • Google Chrome 43.0.2357.134(64位)

    UPD。添加了剪辑版本的视频(它们是私密的,因此只会被剪切)。

1 个答案:

答案 0 :(得分:0)

这是owncloud的一个bug。它本身提供所有静态文件,不支持部分内容。您可以在此处详细了解:Odd video streaming behavior / serving "partial content"

Serving Static Files for Better Performance文章帮助我:解决问题。

相关问题