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.

Code: Alles auswählen

muted="muted"
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:


Fallback-Image.jpg

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


Header-Block Standard Thema Mobirise5.jpg

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) :crying:

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!!! :tu: :tu:

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 :D

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 :hallo:

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 :tu: