Ich habe einen HTML5-Videoplayer (sehr einfach) erstellt, der perfekt auf dem iPad und dem Browser funktioniert.

Wenn ich es jedoch auf dem iPhone öffne, erhalte ich nur eine Wiedergabetaste, die beim Drücken den nativen Videoplayer in einem neuen Fenster über all meinen Dingen öffnet.

Das bedeutet, dass ich den Zugriff auf meine benutzerdefinierten Steuerelemente und die Zeiterfassung (in Javascript geschrieben) verliere, da das Video jetzt isoliert ausgeführt wird.

Gibt es eine Möglichkeit, Apples Kontrolle über HTML5-Videos auf dem iPhone zu überschreiben und es wie auf dem iPad zum Laufen zu bringen?

Prost

Recht,

Ich ging damit nirgendwo hin und reichte einen Fehler bei Apple ein.

Nach ein paar Wochen meldeten sie sich ganz einfach bei mir und sagten, ich solle dem Video-Tag im HTML-Code "webkit-playinline" hinzufügen und in der UIWebView die Eigenschaft "allowInlineMediaPlayback" hinzufügen.

Am Ende sieht es also so aus:

HTML

<video id="player" width="480" height="320" webkit-playsinline>

Obj-C

webview.allowsInlineMediaPlayback = YES;

Und alles funktioniert gut :)

Ich hoffe, dies hilft jemandem, da es praktisch nicht dokumentiert ist und der einzige Ort, an dem ich einen Verweis auf "webkit-gamesinline" finden konnte, in der iAds-Referenz war, in der steht: "iAds JS only".

Bis iOS Safari die Inline-Videounterstützung implementiert, müssen Sie den Videodecoder in einer vom Web unterstützten Sprache schreiben. Es gibt bereits Implementierungen von Videodecodern, z. B. Broadway für H.264 (Video), jsmpeg für mpeg1 und ogv.js (Video- und Soundunterstützung ).

Beachten Sie, dass der Prozess des Dekodierens eines Videos rechenintensiv ist. Erwarten Sie eine relativ langsame FPS (± 20).

Als Referenz haben diese Leute eine Demo eines Videos vorbereitet , das Sie auf Ihrem iOS-Gerät abspielen können.

In iOS 10+

Apple hat das Attribut playsinlinein allen Browsern unter iOS 10 aktiviert , sodass dies nahtlos funktioniert:

<video src="file.mp4" playsinline>

In iOS 8 und iOS 9

Sie können dieses Problem umgehen, indem Sie die Wiedergabe simulieren, indem Sie das Video überfliegen, anstatt es tatsächlich .play()zu bearbeiten.

Sie können iPhone-Inline-Video verwenden , um die Wiedergabe und Audiosynchronisierung (falls vorhanden) zu gewährleisten , und es <video>funktioniert weiterhin wie gewünscht .

Haben Sie eine App erstellt oder ist dies für mobile Safari? Wenn Sie eine App haben und UIWebView verwenden, sollten Sie die Eigenschaft allowInlineMediaPlayback von UIWebView festlegen.

In iOS 10 verhinderte das Hinzufügen des Attributs "PlaySinline" zum HTML5-Video-Tag die Vollbildwiedergabe auf einem iPhone UIWebview erst, als ich auch das Attribut "Steuerelemente" hinzufügte. So habe ich es zum Laufen gebracht:

<video width="100%" height="240" controls playsinline>
      <source src="movie.mp4" type="video/mp4" >
</video>

Mit natürlich auch _webView.allowsInlineMediaPlayback=YES;im ViewController.

Es gibt einige Problemumgehungen. Ich arbeite an einer Bibliothek, um diese Funktionalität automatisch zuzulassen. Allerdings, bis Apple Safari auf setzt

webview.allowsInlineMediaPlayback = YES;

dann müssen wir Hacks für das gleiche Verhalten verwenden.

Sie können das Projekt hier überprüfen: https://github.com/newshorts/InlineVideo , um festzustellen , ob es Ihren Anforderungen entspricht.

Fügen Sie Ihrer config.xml einfach Folgendes hinzu: <preference name="AllowInlineMediaPlayback" value="true" /> Andernfalls vernachlässigt UIWebView das Attribut webkit-gamesinline.

Sie können dies leicht zulassen, indem Sie dies zu Ihrer config.xml hinzufügen: Die UIWebView sollte dann das Attribut webkit-playinline berücksichtigen.