Eigenes Background Video in Mobirise einbauen

[Tommy Herrmann]

Habe heute mal dieses "eigene" Hintergrund-Video in Mobirise eingebaut:

https://www.mobirise-tutorials.com/Test ... round.html

Mobirise bietet ja nur die Möglichkeit Video-Blöcke zu verwenden, auf denen man Videos von Video-Plattformen wie "Vimeo" oder "Youtube" verwenden kann.

Oft besteht aber der Wunsch auch eigene Videos zu verwenden.

[Volker]

Topp !!!
Sowas kann ich brauchen

[Tommy Herrmann]

... ich habe jetzt mal so ein Hintergrund-Video noch zusätzlich in einen "Bild / Textblock" - anstelle des Bildes - eingebaut. Das geht natürlich ebenso:

https://www.mobirise-tutorials.com/Test ... -Textblock

[CeDe]

SUPER Tommy, genau das brauche ich. Leider funktionieren mit Mobirise 5 auch die Background-Videos nicht mehr, wie sie sollen. Bisher lagen sie bei youtube, und spielten dann im Loop. Jetzt spielen sie nur einmal ab und stoppen dann mit einem hässlichen schwarzen Hintergrund und einigen kleinen Bildern, also so wie bei youtube.

Habe dann im Mobirise-Forum die Lösung hier gefunden. Denke, das müsste ja dann für mich auch funktionieren.

Probiere ich gleich morgen aus.

Gruß, Claudia

[Tommy Herrmann]

Moin Claudia,

anscheinend startet das Video (loop) nicht neu und bleibt am Ende stehen. Diesen Bug kannte ich noch nicht

Ich habe diesen Fehler soeben an den Support von Mobirise gemeldet:

https://forums.mobirise.com/discussion/ ... ment_94705

Hier ein gerade eben aufgezogener Block auf einer meiner Testseiten mit einem Hintergrund-Video aus dem Standard-Thema "Mobirise5" mit der Software v5.5.2:

https://www.mobirise-tutorials.com/Test ... html#video

Background-Videos funktionieren mit den Blöcken von Mobirise nur mit Videos von "YouTube" oder "Vimeo".

Eigene Videos kannst Du dort nicht einfügen (das war noch nie vorgesehen), deswegen hatte ich ja dieses Skript hier vorgestellt, das ein eigenes Video vom eigenen Server anzeigt:

https://www.mobirise-tutorials.com/Test ... round.html

[Rancher]

Ich meine, ich hätte das letztes Jahr (etwa gleiche Zeit) schon gehabt, dass die Videos von Youtube am Ende stoppen.

[Tommy Herrmann]

Echt - dann habe ich das vergessen

... ich meine aber auch das schon irgendwo gelesen zu haben.

Das müsste ja dann aber "Mobirise4 / M4" gewesen sein. Vor einem Jahr gab es ja noch kein "Mobirise5". Die "Mobirise5" Blöcke gibt es erst seit August 2021.

Hier genau das gleiche Video mit der gleichen Software v5.5.2 aber in einem "M4" Block - dort geht es ganz normal:

https://www.mobirise-tutorials.com/TravelM4/

[CeDe]

Danke für's Melden beim Support. Ich habe gestern auch einen Bug gemeldet (https://forums.mobirise.com/discussion/ ... rey#latest), komischerweise werden Social-Links, die zu facebook und instagram gehen, in Safari auf dem Mac nicht angezeigt, das ist sehr merkwürdig.

Gruß, Claudia

[Tommy Herrmann]

ja - blöder Weise ist der Safari (Mac) schon ein ziemlich eigenwilliger Browser, der etliche Dinge, wie eben auch jede Menge Unicode - Zeichen nicht darstellen kann.

Ich glaube fast, da solltest Du einen anderen Zeichensatz selbst mal austesten. Da wird Mobirise wohl nicht viel machen können oder wollen.

[CeDe]

Ja, ich denke auch. Das Problem betrifft natürlich alle Mobirise-Anwender, denn die Mac-User können ja die Zeichen bei keiner ihrer Seiten sehen, was aber kaum einer von ihnen weiß

[CeDe]

Update zum Safari-Problem:

Ein User aus dem anderen Forum hat es getestet und konnte den Fehler mit den facebook-Links in Safari nicht nachvollziehen. Daraufhin testete ich auch noch einmal, und erstaunlicherweise funktioniert es doch. Obwohl ich mehrmals den Cache gelöscht hatte und noch in einem zweiten Safari (Entwicklerversion) geschaut hatte, trat der Fehler letzte Woche bei mir auf. Die entsprechenden Einträge hier in diesem Thread könnten, wenn Du willst, gern gelöscht werden.

Gruß, Claudia

[Tommy Herrmann]

Hallo Claudia,

... also ich konnte das auch, zumindest an den beiden iPhones, die ich hier ab und zu habe, nicht erkennen.

Dennoch kann der Safari immer mal wieder bestimmte SVG Dateien nicht darstellen - das ist bekannt und das habe ich schon öfter mal lesen können.

Irgendeinen Grund hatte das sicherlich.

Wie hast Du das denn getestet?

Bitte zum Testen immer publizieren, am besten lokal und auf den Server - nicht die Vorschau verwenden. Bei der "Vorschau" wird ein temporäres Verzeichnis von Mobirise verwendet, das nicht in jedem Detail dem der lokalen Publizierung und später der Dateien am Server entspricht. Ich verwende aus diesem Grund die "Vorschau" überhaupt nie.

... vielen Dank für die Rückmeldung

[CeDe]

Kann sein, dass es die Vorschau war, jetzt funktioniert es aber auch in der Vorschau. Ich finde die einfach sehr praktisch, um nur mal etwas zu testen, aber Du hast schon Recht, um sicher zu gehen, hätte ich es publizieren sollen.

Gruß, Claudia

[CeDe]

Hallo Tommy,

inzwischen habe ich Version 5.5.8 installiert und eine Frage zu den Background-Videos via Youtube:

Anscheinend gibt es ein Problem, wenn man kein Fullscreen-Video möchte, sondern die komplette Breite, aber nicht die volle Höhe. Im ersten Screenshot ist das Vimeo-Video von Mobirise (Theme M5, Header 6). Da sieht es gut aus. Ersetze ich den Link durch mein Youtube-Video, wird dieses nur klein dargestellt mit einem Hintergrundbild im oberen Bereich. Wie sieht es mit Deinem bei Dir gehosteten Video aus? Kann man dort die Höhe verändern bei voller Breite? Dann würde ich Deine Lösung mal probieren.

Viele Grüße und einen perfekten Start ins neue Jahr!
Claudia

original von Mobirise

mit Link zu youtube

[Tommy Herrmann]

Hallo Claudia,

... also ein Video hat ja nun mal das Format (Breite : Höhe), das es bei der Aufnahme erhalten hat. Das kann man nun nicht beliebig ändern ohne das Video total zu verzerren.

Ich hatte das auch gerade erst mit v5.5.8 getestet, denn es gab ein Problem mit dem "Loop" (Wiederholen) vom Video, das mit v5.5.8 behoben wurde:

https://www.mobirise-tutorials.com/Test ... ound-Video

... ziehe doch mal den Block ganz neu auf (geänderte Blöcke müssen meist neu eingefügt werden) und füge dann die URL von Deinem "YouTube" Video nochmals neu ein.

[CeDe]

Hallo Tommy,

ich habe Deinen Code ausprobiert, er funktioniert super. Und ich kann die Höhe frei einstellen im CSS, das Video wird dann beschnitten, hier mit einer Höhe von „height: 40vh“:

https://www.rheingucken.de/labor/video/

Gruß
Claudia

[Tommy Herrmann]

Moin Claudia,

na prima

... manchmal sind eigene Lösungen, wie mit diesem Hintergrundvideo-Skript, besser - denn dann versteht man wenigstens was passiert.

[CeDe]

Hallo Alf,

es wäre hilfreich, wenn Du den Link zu Deiner Seite hier posten könntest.

Hast Du einen richtigen Reload gemacht? Den Cache Deines Browsers geleert?

Gruß,
Claudia

[CeDe]

Also bei mir scheint das richtig dargestellt zu sein, oder?

Gruß, Claudia

[CeDe]

Chrome geht bei mir auch (das Bildschirmfoto war aus Safari). Auf dem Mac ist alles ok :-)

Gruß, Claudia