HTML5-Video-Tag funktioniert nicht in 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> 

Ich habe den obigen Code zum Anzeigen eines Videos in meinem Browser. Dies funktioniert gut für alle Browser, das Problem ist, wenn ich versuche, es in iPhone Chrome zu spielen, kann ich das Video mit dem Poster Bild und eine Play-Taste darüber sehen. Aber das Klicken auf den Play-Button funktioniert nicht. Grundsätzlich wird das Video nicht nur abgespielt. Bitte helfen Sie.

Answer 1

Ich denke, Sie versuchen, Video inline, nicht Vollbild zu spielen. Chrome IOS unterstützt nur Vollbild-Video-Wiedergabe, so müssen Sie diese hinzufügen:

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;