Question

<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中播放时，我可以看到带有海报图像的视频和上面的播放按钮。但是点击播放按钮不起作用。基本上，视频不播放。请帮忙。

Answer 1

我认为你试图在线播放视频，而不是全屏播放。 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;

HTML5视频标记在iOS中无效

1 个答案: