视频无法在手机和平​​板电脑上自动播放

时间:2016-10-10 21:28:20

标签: android ios twitter-bootstrap video autoplay

我创建了一个网站,第一个适当的网站,带有bootstrap。几乎把网站带到了我想要的地方。我在主页面上有一个视频(.mp4 1080p),我已设置为循环和自动播放。适用于笔记本电脑,但似乎无法在手机和平​​板电脑上正常工作。

在Ipad和Iphone上尝试过,自动播放不起作用,我必须点击播放按钮。我已经调查了这个,它应该适用于IOS10上面的任何东西,它们都是,并且没有任何音轨,情况也是如此。在我的Android手机上它只是显示为一个黑盒子,我无法播放或暂停或任何东西。

任何帮助将不胜感激。该网站实际上是www.dtlaerialservices.co.uk,如果需要,我可以在这里放置代码。

<div class="container-fluid">
<div align="center" class="embed-responsive embed-responsive-16by9">
<video autoplay loop class="embed-responsive-item">
<source src="videos/loop.mp4" type="video/mp4">
</video>

1 个答案:

答案 0 :(得分:0)

这是一个非常常见的问题,它是一个编码问题。您需要使用 H264 作为视频编解码器对视频进行编码,并将 AAC 编码为音频编解码器。

当您使用H264作为视频编解码器时,您还需要选择配置文件。较高的配置文件需要更多的CPU功率才能解码,并能够以相同的比特率生成效果更好的视频。您应始终选择目标设备支持的最佳配置文件。

例如,桌面浏览器,iPhone 4S +,iPad 2 +,Android 4.x +平板电脑,Xbox 360,Playstation 3支持的最大配置文件高调

大多数设备也具有可以处理的最大分辨率和比特率。这通常表示为H.264级别。

您可以使用 ffmpeg 实用程序重新编码视频。

我个人使用名为CloudConvert的网站,您只需将转换选项设置为:

  • 视频编解码器:H264
  • 音频编解码器:AAC
  • 将其他选项保留为默认值

还有很好的信息here