我创建了一个网站,第一个适当的网站,带有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>
答案 0 :(得分:0)
这是一个非常常见的问题,它是一个编码问题。您需要使用 H264 作为视频编解码器对视频进行编码,并将 AAC 编码为音频编解码器。
当您使用H264作为视频编解码器时,您还需要选择配置文件。较高的配置文件需要更多的CPU功率才能解码,并能够以相同的比特率生成效果更好的视频。您应始终选择目标设备支持的最佳配置文件。
例如,桌面浏览器,iPhone 4S +,iPad 2 +,Android 4.x +平板电脑,Xbox 360,Playstation 3支持的最大配置文件高调。
大多数设备也具有可以处理的最大分辨率和比特率。这通常表示为H.264级别。
您可以使用 ffmpeg 实用程序重新编码视频。
我个人使用名为CloudConvert的网站,您只需将转换选项设置为:
还有很好的信息here。