HTML5视频标记在iOS中不起作用

最后发布: 2017-03-03 07:31:02


问题
<video preload="true" controls="true" style="width:100%;" id="video-banner" poster="poster-img.png">
    <source src="video.mp4" type="video/mp4">
    Your browser does not support HTML5 video.
</video>

我有上面的代码用于在浏览器中显示视频。 这对于所有浏览器都可以正常使用,问题是当我尝试在iPhone chrome中播放时,我可以看到带有海报图像和其上方的播放按钮的视频。 但是,单击播放按钮不起作用。 基本上,视频不是仅播放。 请帮忙。

ios iphone html5 video mp4
回答

我认为您正在尝试内联而非全屏播放视频。 Chrome IOS仅支持全屏视频播放,因此您必须添加以下内容:

HTML

<video preload="true" controls="true" style="width:100%;" id="video-banner" poster="poster-img.png" webkit-playsinline>
    <source src="video.mp4" type="video/mp4">
    Your browser does not support HTML5 video.
</video>

OBJ-C

webview.allowsInlineMediaPlayback = YES;