Eigenes Background Video in Mobirise einbauen

CSS und andere hilfreiche Anweisungen
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Eigenes Background Video in Mobirise einbauen

Ungelesener Beitrag von 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.


Bild
Benutzeravatar
Volker
Moderator
Moderator
Beiträge: 828
Registriert: Sa 12. Dez 2020, 22:35
Wohnort: Wildberg
Kontaktdaten:

Re: Eigenes Background Video in Mobirise einbauen

Ungelesener Beitrag von Volker »

:tu: Topp !!!
Sowas kann ich brauchen :D
Gruß Volker
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Eigenes Background Video in Mobirise einbauen

Ungelesener Beitrag von 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


Video im Textblock.JPG
Benutzeravatar
CeDe
Mitglied (Level 4)
Mitglied (Level 4)
Beiträge: 30
Registriert: Mo 4. Jan 2021, 14:50

Re: Eigenes Background Video in Mobirise einbauen

Ungelesener Beitrag von 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
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Eigenes Background Video in Mobirise einbauen

Ungelesener Beitrag von Tommy Herrmann »

Moin Claudia,

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

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-Video-Block.JPG


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
Benutzeravatar
Rancher
Moderator
Moderator
Beiträge: 465
Registriert: Di 8. Dez 2020, 18:37
Wohnort: Elsass

Re: Eigenes Background Video in Mobirise einbauen

Ungelesener Beitrag von Rancher »

Ich meine, ich hätte das letztes Jahr (etwa gleiche Zeit) schon gehabt, dass die Videos von Youtube am Ende stoppen.
Wenn Dein Pferd tot ist, steig ab.
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Eigenes Background Video in Mobirise einbauen

Ungelesener Beitrag von Tommy Herrmann »

Echt - dann habe ich das vergessen :confused:

... 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/
Benutzeravatar
CeDe
Mitglied (Level 4)
Mitglied (Level 4)
Beiträge: 30
Registriert: Mo 4. Jan 2021, 14:50

Re: Eigenes Background Video in Mobirise einbauen

Ungelesener Beitrag von 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
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Eigenes Background Video in Mobirise einbauen

Ungelesener Beitrag von 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.
Benutzeravatar
CeDe
Mitglied (Level 4)
Mitglied (Level 4)
Beiträge: 30
Registriert: Mo 4. Jan 2021, 14:50

Re: Eigenes Background Video in Mobirise einbauen

Ungelesener Beitrag von 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ß :cool:
Benutzeravatar
CeDe
Mitglied (Level 4)
Mitglied (Level 4)
Beiträge: 30
Registriert: Mo 4. Jan 2021, 14:50

Re: Eigenes Background Video in Mobirise einbauen

Ungelesener Beitrag von 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
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Eigenes Background Video in Mobirise einbauen

Ungelesener Beitrag von 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 :tu:
Benutzeravatar
CeDe
Mitglied (Level 4)
Mitglied (Level 4)
Beiträge: 30
Registriert: Mo 4. Jan 2021, 14:50

Re: Eigenes Background Video in Mobirise einbauen

Ungelesener Beitrag von 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
Benutzeravatar
CeDe
Mitglied (Level 4)
Mitglied (Level 4)
Beiträge: 30
Registriert: Mo 4. Jan 2021, 14:50

Re: Eigenes Background Video in Mobirise einbauen

Ungelesener Beitrag von 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
original von Mobirise
mit Link zu youtube
mit Link zu youtube
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Eigenes Background Video in Mobirise einbauen

Ungelesener Beitrag von 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.
Benutzeravatar
CeDe
Mitglied (Level 4)
Mitglied (Level 4)
Beiträge: 30
Registriert: Mo 4. Jan 2021, 14:50

Re: Eigenes Background Video in Mobirise einbauen

Ungelesener Beitrag von 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“:
selbstgehostet.jpg
https://www.rheingucken.de/labor/video/

Gruß
Claudia
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Eigenes Background Video in Mobirise einbauen

Ungelesener Beitrag von Tommy Herrmann »

Moin Claudia,

na prima :tu:

... manchmal sind eigene Lösungen, wie mit diesem Hintergrundvideo-Skript, besser - denn dann versteht man wenigstens was passiert.
Benutzeravatar
CeDe
Mitglied (Level 4)
Mitglied (Level 4)
Beiträge: 30
Registriert: Mo 4. Jan 2021, 14:50

Re: Eigenes Background Video in Mobirise einbauen

Ungelesener Beitrag von 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
Benutzeravatar
CeDe
Mitglied (Level 4)
Mitglied (Level 4)
Beiträge: 30
Registriert: Mo 4. Jan 2021, 14:50

Re: Eigenes Background Video in Mobirise einbauen

Ungelesener Beitrag von CeDe »

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

Gruß, Claudia
Bildschirmfoto 2022-07-11 um 20.13.10.jpg
Benutzeravatar
CeDe
Mitglied (Level 4)
Mitglied (Level 4)
Beiträge: 30
Registriert: Mo 4. Jan 2021, 14:50

Re: Eigenes Background Video in Mobirise einbauen

Ungelesener Beitrag von CeDe »

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

Gruß, Claudia
Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 3 Gäste