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;