Cordova IOS Videoplayer
Ich verwende WebRTC-Streaming über RTCMultiConnection. Ich habe eine Cordova-Anwendung erstellt und die Blob-URL vom Server im Video-Tag abgerufen. In Android und Browser funktioniert gut. In IOS wird Video wiedergegeben, aber die Steuerschaltflächen funktionieren nicht. Auch die Position des Videos ist bei der Anwendung statisch. Ich wechsle Seite in Anwendung, aber Video bleibt immer. Wenn ich versuche, eine Seite zu ziehen, sieht es hier so aus:
Mein HTML-Code:
%Vor%Und wie füge ich in js hinzu:
%Vor% Meine videoURL ist wie folgt: blob : file:///adfsg-123asd1-12asfd3-4fdssdv
Bearbeiten: Ich kann die Frontkamera meines iPhones live im Browser sehen. Aber ich kann mich nicht sehen, auf dem iPhone.
Videoplayer funktioniert nicht.
Bearbeiten Sie 2: 26.09.2017 Es gibt kein Problem mit mp4 Video. Ich habe versucht mit remote mp4 video, und es funktioniert gut.
Hier sind Screenshots, sie sind alle gleich. Nur src anders.
ps Großes Video ist mp4 immer statische Position, und kleines Video ist blob und wenn ich scrollte, blättern Sie zu. :
Bildbeschreibung hier eingeben
1 Antwort
iOS spielt leider nicht gut mit Medien einbetten.
Wie dies SO Antwort schlägt vor :
Da die Videos bei den Steuerelementen immer im Vollbildmodus abgespielt werden, erfasst der verbleibende Bereich alle Klick- und Berührungsereignisse.
Ein Workaround, der oben vorgeschlagen wurde, könnte sein, das Video-Tag width & amp; height auf 1/1 Dimensionen - feste Position auf -10, -10 und "Play" manuell auslösen mit einer benutzerdefinierten Benutzeroberfläche statt das Video.
Beachten Sie die folgenden Informationen von Apples Dev Site :
Optimierung für kleine Bildschirme
Safari optimiert derzeit die Videopräsentation für den kleineren Bildschirm auf dem iPhone oder iPod touch durch Abspielen des Videos mit dem Vollbild-Video Steuerelemente werden angezeigt, wenn der Bildschirm berührt und das Video skaliert wird Passen Sie den Bildschirm im Hoch- oder Querformat an. Das Video wird nicht angezeigt innerhalb der Webseite. Die Attribute height und width betreffen nur die Speicherplatz, der auf der Webseite zugewiesen ist, und das Steuerelementattribut wird ignoriert. Dies gilt nur für Safari auf Geräten mit kleinen Bildschirmen. Unter Mac OS X, Windows und iPad, Safari spielt Video inline, eingebettet in die Webseite.
Standardhöhe und -breite auf iOS
Weil die nativen Dimensionen eines Videos bis zum Film nicht bekannt sind Metadaten lädt, eine Standardhöhe und -breite von 150 x 300 wird zugewiesen auf Geräten mit iOS, wenn die Höhe oder Breite nicht angegeben ist. Derzeit ändern sich die Standardhöhe und -breite beim Film nicht Lasten, so sollten Sie die bevorzugte Höhe und Breite für die angeben Beste Benutzererfahrung auf iOS, besonders auf dem iPad, wo das Video abgespielt wird im zugewiesenen Speicherplatz.
iPhone Video-Platzhalter
Der Platzhalter bietet eine Möglichkeit für den Benutzer, die Medien. Wenn das iOS-Gerät das angegebene Medium nicht wiedergeben kann, gibt es a diagonaler Balken durch das Steuerelement, um anzuzeigen, dass es nicht abgespielt werden kann.
Falls Sie bereit sind, Alternativen in Betracht zu ziehen, könnte dieses Cordova-Plugin nützlich sein:
>Mit diesem Plugin können Sie Audio und Video im Vollbildmodus streamen. Native Player auf iOS und Android.
Grundlegende Verwendung:
%Vor%Tags und Links javascript cordova ios video