Seite 1 von 1
VIMEO Video im Header
Verfasst: Do 9. Feb 2023, 11:07
von inno
Hallo Tommy,
kann man in Mobirise irgendwo einstellen, dass ein Vimeo-Video was im Header läuft auch Mobile automatisch startet?
Leider funktioniert das nur auf den Desktop-Geräten.
Wenn das nicht geht, dass dort automatisch ein Bild angezeigt wird, sonst bleibt der Header weiss.
Grüße
Inno
Re: VIMEO Video im Header
Verfasst: Do 9. Feb 2023, 11:36
von Tommy Herrmann
Moin,
... redest Du jetzt von einem Mobirise-Block mit Hintergrund-Video? Das startet am mobilen Gerät nur, wenn es auch auf "
stumm" (Englisch = "muted") geschaltet ist.
Kein mobiler Browser startet Videos mit Ton automatisch.
Beispiel mit eigenem Video (das untere Video ist stumm und sollte auch am Handy starten):
https://www.mobirise-tutorials.com/Busi ... video.html
Sollte das Video nicht geladen werden können, hat Mobirise dafür das "
Fallback Image" geschaffen, welches Du in den Block-Einstellungen angeben kannst:
Re: VIMEO Video im Header
Verfasst: Do 9. Feb 2023, 11:46
von Tommy Herrmann
Ich verstehe aber das Problem gerade nicht so ganz.
Hier einige Beispiel von Hintergrund-Videos.
YouTube - startet auch am Handy (wobei das egal ist, ob es nun ein "Vimeo" oder "YouTube" Video ist):
https://www.mobirise-tutorials.com/Test ... ml#YouTube
Eigene MP4 Videos - starten auch am Handy:
https://www.mobirise-tutorials.com/Test ... #MP4-Video
Re: VIMEO Video im Header
Verfasst: Do 9. Feb 2023, 13:06
von inno
Hallo Tommy,
aus welchem Theme hast du den Video-Header mit dem Fallback verwendet?
Es kann sein, dass ich hier noch einen alten Videoblock aus eine M4-Theme verwende?!
Grüße
Re: VIMEO Video im Header
Verfasst: Do 9. Feb 2023, 13:14
von Tommy Herrmann
Das ist ein Header-Block (siehe Screenshot) aus dem Standard-Thema "Mobirise5" mit v5.7.12 von Mobirise, die im aktuellen Download als released Version zu finden ist:
https://mobirise.com/history.html
Re: VIMEO Video im Header
Verfasst: Do 9. Feb 2023, 13:34
von inno
Beim IPHONE (Safari) funktioniert das leider nicht. Auch nicht mit dem Fallback-Image.
Wo setze ich im Code-Editor den muted="muted" Befehl?
Re: VIMEO Video im Header
Verfasst: Do 9. Feb 2023, 14:08
von Tommy Herrmann
... ja Du - keine Ahnung - das mit dem iPhone ist einfach nur schrecklich (wie früher der Internet Explorer)
Eigentlich funktioniert am iPhone fast nichts im Internet - keine Ahnung, ob man damit wenigsten telefonieren kann. Alles was in jedem Browser, an jedem Handy funktioniert - wenn es irgendwo nicht funktioniert, dann am iPhone.
... das "muted" kannst Du bei diesen Blöcken nicht setzen, bzw. brauchst Du auch nicht, denn das steht bereits in der JavaScript-Datei, die dazu gehört.
assets/vimeoplayer/player.js
Ich habe kein iPhone und kann das nicht alles testen. Bitte schreibe doch an den Support, wenn da etwas nicht am iPhone funktioniert.
Re: VIMEO Video im Header
Verfasst: Do 9. Feb 2023, 14:38
von inno
Das mache ich!
Und vielen Dank für die Hilfe!!!
Re: VIMEO Video im Header
Verfasst: Mo 20. Feb 2023, 16:17
von inno
Habe auf deiner Seite eine Lösung gefunden!
https://www.mobirise-tutorials.com/Test ... round.html
Funktioniert! TOP
Re: VIMEO Video im Header
Verfasst: Mo 20. Feb 2023, 16:39
von Tommy Herrmann
... na oder so
Re: VIMEO Video im Header
Verfasst: Di 19. Mär 2024, 22:15
von littleviking
I've adopted a script posted by Tommy Herrmann using iframe and 2 videos (one for desktop amd one for mobile). It all works (little slow to load) but my main issue is I cant remove to play/pause button from Vimeo.
I have another full screen video header that works (loads quicker and has NO button) and i suspect this is because it sits as a background element? sample below:
https://www.littlevikingproductions.com/clients/test/
Re: VIMEO Video im Header
Verfasst: Mi 20. Mär 2024, 04:20
von Tommy Herrmann
Hello Steff,
and welcome to our forum
I assume that you are referring to this test page of mine:
https://www.mobirise-tutorials.com/Test ... round.html
Do you mean this (first) video on your page?
Code: Alles auswählen
https://player.vimeo.com/video/924816490?&autoplay=1&muted=1&loop=1&autopause=0
Video with player:
https://player.vimeo.com/video/92481649 ... utopause=0
Have you tried adding the option to hide the player? See the code below. I have written it there at the end:
&controls=false
Code: Alles auswählen
https://player.vimeo.com/video/924816490?&autoplay=1&muted=1&loop=1&autopause=0&controls=false
Video without player:
https://player.vimeo.com/video/92481649 ... rols=false
See also Vimeo player options here:
https://help.vimeo.com/hc/en-us/article ... s-overview
Re: VIMEO Video im Header
Verfasst: Mi 20. Mär 2024, 07:03
von littleviking
Thanks Tommy - legend