HTML5视频标签无法在iOS中工作

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;