Video im Hintergrund uns iOS

[sinatra]

Die Lösung scheint an der Art der mp4 - Codierung zu liegen. An was es genau liegt, kann ich nicht sagen aber so hat es bei mir funktioniert:

Ich hab ein .mv4 Video in verschiedenen Programmen (am Mac) in eine .mp4 - Datei umgewandelt:
1. In VLC und dann anschliessend in Miro Video Converter nochmal in .mp4 umgewandelt (so hat es früher immer funktioniert) - autoplay in Firefox geht nicht
2. In Adobe Premiere Pro als .mp4 - Datei exportiert - autoplay in Firefox geht nicht
3. Die .mp4 - Datei aus Premiere Pro nochmal in HandBrake geöffnet und ohne Einstellungen zu ändern nochmal neu als .mp4-Datei exportiert und

Tada! - autoplay in firefox und ios funktioniert wieder

[sfx12]

Hallo, danke...verstehe nur nicht wieso das browserbedingt sein soll (es funktioniert bei mir am Desktop in jedem Browser) und mit dem Inhaltselement "Background Video" geht es auch wenn ich "playsinline muted Autoplay" mitgebe... lediglich eben mit dem RS5 geht's nicht...wenn es doch iOS oder FF wäre(mobil), würde kein einziges BG Video mit Autoplay doch funktionieren!?

[Tim]

Ich denke Firefox wird man kaum mehr austricksen können. (ich befürchte für IOS gilt dies ebenfalls).
Ich habe diverse Workarounds probiert und einem Video per JS sowohl die Attribute mitgegeben, als auch versucht es zeitversetzt anzuschieben, FF blockt auf Systemebene. Wenn der User es nicht ganz klar erlaubt, kommt da kein Video automatisch zum Starten.
Dabei ist es anscheinend irrelevant ob das Video eine Tonspur hat, oder nicht.

https://support.mozilla.org/de/kb/au...bzw-blockieren

All meine Test unterstreichen leider diese Aussage. Siehe Browserconsolen:



Firefox ergänze ein Medien-Button in der Adresszeile.


Bislang sehe ich nur den Weg den User direkt zu informieren (Hinweis-Text, Popup oder ähnliches), das Medien-Inhalte individuell erlaubt werden müssen, wenn das Video im Hintergrund (ohne Einwilligung via PlayButton) abgespielt werden soll.

[Tim]

Korrekt. Firefox scheint ebenfalls betroffen.

[sfx12]

Ok, verstehe, dann hoffen wir mal das Themepunch bald sich meldet! Vielen Dank für deine Zeit.

PS: komisch.. bei mir in der console (firefox) sind die parameter nicht alle drin als wie bei dir im Screenshot!?

[Tim]

Die Parameter sind integriert. IOS kocht anscheinend wieder sein Süppchen. Mehr kann ich da leider gerade nicht machen. Wir haken bei Themepunch nach.

[sfx12]

Achso ok, optimal wäre natürlich das wenn man Hintergrund Video oder Video im BE mit autoplay wählt, dass das Script automatisch "playsinline /muted/ autoplay" mit integriert, da dies die Elemente sind die bei den aktuellen iphones und ios versionen funktionieren (hab 3 Fälle wo es leider nicht geht, bei Iphone iOS Ver. 15 sogar nicht mal wenn man auf den playbutton klickt)

[Tim]

wo kann ich das "preload muted playsinline autoplay" platzieren ?

Das RS 5.x Script schreibt ein eigenes Video Element im revoslide_ Template wird das umschließende <li> Element samt data- Optionen gebildet.

Das RS Script erstellt es und die Parameter sind eigentlich gesetzt (bis auf preload - das sollte aber nicht das Problem sein). Wir müssen schauen ob es für das gesamte externe Scripte ein Update gibt, das ggf dieses Problem angeht.

[sfx12]

Ja... bei iOs ab Ver. 14.6 und Iphone 12, XR etc. leider nicht - meine Frage ist trotzdem.. wo kann ich das "preload muted playsinline autoplay" platzieren ?

[Tim]

Die Auswahl als Hintergrund ist für fullwidth korrekt. An den ios Simulatoren funktioniert alles. Ich gebe es mal Thomas zum Prüfen direkt unter IOS

ps. Ich hab mein gutes altes 5s mal rausgekramt. Dort läuft es auch autom. im Hintergrund.

[sfx12]

es ist als Hintergrundvideo gewählt ! Als inhaltselement bekomme ichs nicht "fullwidth"

[Tim]

Handelt es sich um ein Video als Hintergrund in den Slide-Einstellungen oder um ein Inhaltselement? Bitte einen Screenshot aus dem Backend und den Link zu der Seite.

[sfx12]

Lokales Video ..ich hab auch ein "dotted overlay" drüber, was auch den Playbutton verdeckt....mit z-index auch nicht machtbar <div class="tp-video-play-button"> zudem finde ich auch nicht wo diese divs im template "generiert/platziert sind

[Tim]

Lokales Video oder Youtube? Das RS 5.x Script schreibt ein eigenes Video Element im revoslide_ Template wird das umschließende <li> Element samt data- Optionen gebildet.

[sfx12]

Mit dem neuen revoslider geht's auch nicht unter iOS...nur wo setze ich das!? Im template revo_default finde ich das div tag "Video" nicht?! Wo ist das hinterlegt!? Es geht um Hintergrund video-revoslider!