Hervorragende Software und praktische Tutorials
iosEs gibt kein Problem mit dem Mobiltelefon, das die automatische Wiedergabe von Autoplay realisiert. stummgeschaltet Nachdem das AttributAutomatische Wiedergabe, habe gerade den Lautlosmodus aktiviert.AndroidManche Handys verfügen über eine Starttaste, die zum Abspielen angeklickt werden kann. Manche Handys haben jedoch keine Wiedergabetaste und das Video kann nicht abgespielt werden. Eine Lösung besteht darin, stummgeschaltet Eigenschaft (stumm), aber das Ergebnis ist, dass Ton vorhanden ist, aber kein Wiedergabevorgang.
PC und Android verwenden hls.js, um die automatische Wiedergabe von HLS-Streams sowie die Vollbild- und Nicht-Vollbildwiedergabe zu realisieren
Erster Einsatzhls.jsPlugins, kann automatisch auf PC- und Android-Geräten gespielt werden, Vollbild und nichtVollbildwiedergabe.
Die Wiedergabe auf Apple-Telefonen wird jedoch nicht unterstützt. Auf der offiziellen HLS-Website heißt es, dass die Bibliothek MSE verwendet. HTML5-Video Und MediaSource-Erweiterungen Zur Wiedergabe. Es wurde festgestellt, dass MSE iOS nicht unterstützt. Der MDN-Screenshot sieht wie folgt aus:
Zusammenfassung: PC und Android unterstützen beide hls.js, das iPhone jedoch nicht. Glücklicherweise habe ich festgestellt, dass das Video-Tag die HLS-Wiedergabe unterstützt.
Erkundung: Apple-Mobiltelefone nutzen Video, um die automatische Wiedergabe von HLS-Streams zu erreichen.
Nach dem Testen muss zum Abspielen auf „Wiedergabe“ geklickt werden. Die automatische Wiedergabe ist nicht möglich. Die Gründe dafür sind wie folgt (Neu):
Die Übersetzung + Test ist wie folgt:
Für die automatische Wiedergabe müssen folgende Voraussetzungen erfüllt sein:
1.
2.
3.
4. Erlauben Sie die Inline-Wiedergabe von Elementen und wechseln Sie nicht automatisch in den Vollbildmodus, wenn Sie die Wiedergabe starten, d. h. „playsinline webkit-playsinline“.
Wenn die automatische Wiedergabe bereits läuft, wird sie in den folgenden Situationen unterbrochen:
1. Das Element wird unsichtbar, beispielsweise durch Scrollen außerhalb des Ansichtsfensters.
2.
Nach dem Test hat das Video folgende Eigenschaften und kann automatisch abgespielt werden:
Zusammenfassung: Verwenden Sie das Attribut „autoplay muted playsinline="true" webkit-playsinline="true", um die automatische Wiedergabe zu aktivieren. Das Schlimmste ist, dass die automatische Wiedergabe stumm ist.
Kompromiss: Apple-Telefone müssen nicht automatisch halten und müssen im Vollbildmodus und nicht im Vollbildmodus abgespielt werden
Ändern Sie den Code, um die Steuerung „playsinline="true" webkit-playsinline="true"“ automatisch abzuspielen. Klicken Sie zum Abspielen (der Vollbildmodus wird automatisch angezeigt). Unter iOS 13 ermöglicht das Zurückziehen mit zwei Fingern die Inline-Wiedergabe. Unter iOS 13 wird das Zurückziehen sofort pausiert, und die Vollbildwiedergabe wird nach einem erneuten Klick zum Abspielen weiterhin angezeigt.
Nach der Suche wurde der Code wie folgt geändert:
x-webkit-airplay="allow" ist ein Muss. Dieses Attribut sollte die AirPlay-Funktion von iOS für dieses Video aktivieren. Das Hinzufügen dieses Codes ermöglicht die Inline-Wiedergabe in iOS 13 und niedriger, funktioniert aber nicht, wenn Sie ihn löschen. x5-playsinline verhindert die Vollbildwiedergabe in WeChat.
Zusammenfassen:
1. Sowohl PC als auch Android unterstützen hls.js, Apple-Telefone jedoch nicht.
2. Apple-Telefone können Videos zur Wiedergabe von HLS-Streams verwenden. Mit dem Attribut „autoplay stummgeschaltet playsinline="true" webkit-playsinline="true"“ kann die automatische Wiedergabe erfolgen. Das schwerwiegendere Problem ist, dass während der automatischen Wiedergabe kein Ton zu hören ist.
3. Für die Inline-Wiedergabe unter iOS13 müssen Sie x-webkit-airplay="allow" hinzufügen.
