Video-Hintergrund ohne YouTube / Vimeo für Jimdo-Creator

#1 | Video-Hintergrund ohne YouTube / Vimeo für Jimdo-Creator datum

25.10.2020 19:25 (zuletzt bearbeitet: 28.10.2020 17:52)

Servus,
ich suche eine Möglichkeit auf meiner Seite https://www.bayerwaldimker.de ein Video als Seitenhintergrund zu verwenden ohne dabei auf YouTube bzw. Vimeo zurückgreifen zu müssen.
Bei Vimeo stört mich z.B. der sichtbare Fortschrittsbalken und die Steuerung. Ergebnis ähnlich wie hier: https://www.balu-ferias.com
Viele Dank
LG Rene

Antworten

#2 | RE: Video-Hintergrund ohne YouTube / Vimeo für Jimdo-Creator datum

28.10.2020 17:57 (zuletzt bearbeitet: 28.10.2020 17:59)

az_

Informationen anzeigen

Beitr�ge:	2405
Registriert seit:	28.04.2015
Wohnort:	Berlin

...das es die noch gibt! ...die hab ich selbst vor langer Zeit mal eingerichtet - netter Zufall!

Das Hintergrundvideo ist hier ein einfaches html5-Widget:

1
2
 
<video id="video_background" preload="auto" autoplay="true" loop="loop" muted="muted" volume="0"><source src="https://redesign-berlin.lima-city.de/__project/balu-ferias/bg.mp4" type="video/mp4"/>
Video not supported</video>
 

(...einfach einsetzen in html-widget-Element) Damit es im Hintergrund läuft, habe ich es noch mit einem kleinen Skript dorthin verschoben.

LG, az

Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (=

)

Bitte sendet mir keine privaten Nachrichten über dieses Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

...hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

...NEU!!! - hier könnt Ihr unser Userforum finanziell unterstützen: https://redesign-berlin.xobor.de/donations.html

Antworten

#3 | RE: Video-Hintergrund ohne YouTube / Vimeo für Jimdo-Creator datum

28.10.2020 23:38 (zuletzt bearbeitet: 28.10.2020 23:43)

Servus @az_

schon mal vielen Dank.

Zitat von az_ im Beitrag #2
Damit es im Hintergrund läuft, habe ich es noch mit einem kleinen Skript dorthin verschoben.

genau dieses Skriptchen wäre wohl interessant - ob du es wohl beisteuern könntest?

LG Rene

Antworten

#4 | RE: Video-Hintergrund ohne YouTube / Vimeo für Jimdo-Creator datum

29.10.2020 18:08

... Das geht leider nicht so pauschal. Es kommt immer darauf an, wo das Video Eingebettet werden muss. Und das ist von Design zu Design unterschiedlich.
Wenn ich eine URL bekomme, kann ich das Skript darauf anpassen und dann sollte es auf dieser Webseite Laufen.
LG, AZ

Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (=

)

Bitte sendet mir keine privaten Nachrichten über dieses Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

...hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

...NEU!!! - hier könnt Ihr unser Userforum finanziell unterstützen: https://redesign-berlin.xobor.de/donations.html

Antworten

#5 | RE: Video-Hintergrund ohne YouTube / Vimeo für Jimdo-Creator datum

30.10.2020 00:25

Ja gerne,
wie gesagt die URL der Seite ist https://www.bayerwaldimker.de/
LG Rene

Antworten

#6 | RE: Video-Hintergrund ohne YouTube / Vimeo für Jimdo-Creator datum

30.10.2020 14:13

az_

Informationen anzeigen

Beitr�ge:	2405
Registriert seit:	28.04.2015
Wohnort:	Berlin

...dann leg einmal eine versteckte Seite mit dem Namen ../test an und lade das Video auf dieser Seite in ein html-widget-Element:

1
2
3
4
5
6
 

 
<video id="video_background" preload="auto" autoplay="true" loop="loop" muted="muted" volume="0" poster="https://redesign-berlin.lima-city.de/__project/bayerwaldimker/bee_slow_720p.jpg">
<source src="https://redesign-berlin.lima-city.de/__project/bayerwaldimker/bee_slow_720p.mp4"  type="video/mp4"/>
Video not supported<video>
 
 

Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (=

)

Bitte sendet mir keine privaten Nachrichten über dieses Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

...hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

...NEU!!! - hier könnt Ihr unser Userforum finanziell unterstützen: https://redesign-berlin.xobor.de/donations.html

Antworten

#7 | RE: Video-Hintergrund ohne YouTube / Vimeo für Jimdo-Creator datum

30.10.2020 16:51 (zuletzt bearbeitet: 30.10.2020 16:51)

Die versteckte Unterseite "test" habe ich angelegt. Sie ist erreichbar unter: https://www.bayerwaldimker.de/test

Gleichzeitig habe ich das Video auf den Jimdo-Webspace geladen, damit es nicht auf deinem Sever liegt. Hier die Adresse: https://www.bayerwaldimker.de/app/downlo...D-18-9_720p.mp4

Zitat von az_ im Beitrag #6
<video id="video_background" preload="auto" autoplay="true" loop="loop" muted="muted" volume="0" poster="https://redesign-berlin.lima-city.de/__project/bayerwaldimker/bee_slow_720p.jpg"><source src="https://redesign-berlin.lima-city.de/__project/bayerwaldimker/bee_slow_720p.mp4" type="video/mp4"/>Video not supported<video>

Deinen Code habe ich ein htlm-widget-Element kopiert. Aber bisher läuft es nur im Hintergrund dieses Elements und noch nicht im Seitenhintergrund. Da fehlt dann wahrscheinlich noch das Script dazu, oder?

Antworten

#8 | RE: Video-Hintergrund ohne YouTube / Vimeo für Jimdo-Creator datum

30.10.2020 19:48 (zuletzt bearbeitet: 30.10.2020 20:04)

az_

Informationen anzeigen

Beitr�ge:	2405
Registriert seit:	28.04.2015
Wohnort:	Berlin

...nein, ich hatte vergessen zu sagen, dass Du einen weißen Hintergrund anlegen musst für die Seite "../test", und Du musst die Skripte im head integrieren:

1
2
3
4
5
6
 

<link type="text/css" href="https://redesign-berlin.lima-city.de/__project/bayerwaldimker/prepend_video.css" rel="stylesheet" />
 
<script src="https://code.jquery.com/jquery-2.2.4.js" type="text/javascript"></script>
<script src="https://redesign-berlin.lima-city.de/__project/bayerwaldimker/prepend_video.js" type="text/javascript"></script>
 
 

entweder global (...für alle Seiten, dann kann das Widget in die Sidebar verschoben werden und gilt überall) - oder nur für die Unterseite, dann gilt es nur für "../test"

LG, az

PS: dann kannst du auch Dein eigenes Video einsetzen:

1
2
3
4
 
<video id="video_background" preload="auto" autoplay="true" loop="loop" muted="muted" volume="0" 
poster="https://redesign-berlin.lima-city.de/__project/bayerwaldimker/bee_slow_720p.jpg">
<source src="https://www.bayerwaldimker.de/app/download/14383519178/bee_slow-HD-18-9_720p.mp4" type="video/mp4"/>
Video not supported<video>
 

Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (=

)

Bitte sendet mir keine privaten Nachrichten über dieses Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

...hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

...NEU!!! - hier könnt Ihr unser Userforum finanziell unterstützen: https://redesign-berlin.xobor.de/donations.html

Antworten

#9 | RE: Video-Hintergrund ohne YouTube / Vimeo für Jimdo-Creator datum

30.10.2020 20:05 (zuletzt bearbeitet: 30.10.2020 20:06)

https://redesign-berlin.lima-city.de/__p...e_slow_720p.jpg ...wäre dann das "poster", das müsstest Du noch hochladen auf Deine Seite

Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (=

)

Bitte sendet mir keine privaten Nachrichten über dieses Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

...hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

...NEU!!! - hier könnt Ihr unser Userforum finanziell unterstützen: https://redesign-berlin.xobor.de/donations.html

Antworten

#10 | RE: Video-Hintergrund ohne YouTube / Vimeo für Jimdo-Creator datum

31.10.2020 00:36 (zuletzt bearbeitet: 01.11.2020 22:49)

Wie geil ist das denn !!! - Viele, vielen Dank @az_ ! Funktioniert super 👍🏻

Gibt es eigentlich eine Möglichkeit, dass das Hintergrund-Video bei einem Seitenwechsel nicht immer wieder neu lädt?

Hat es eigentlich einen speziellen Grund wieso die CSS-Datei den Navigationsdarstellung beeinflusst?

Antworten

#11 | RE: Video-Hintergrund ohne YouTube / Vimeo für Jimdo-Creator datum

24.04.2023 09:20

Servus @az_

vor knapp 2,5 Jahren hattest du mir geholfen ein Background-Video für die Creator-Seite auf www.bayerwaldimker.de einzubinden.

Von Heute auf Morgen wird das Video plötzlich nicht mehr dargestellt. Einstellungen wurden von meiner Seiten keine geändert.
Die Scripts befinden sich noch immer im Head und auch als Widget auf der Seiten. Video, Vorschaubild, JavaScript-Datei und CSS-Syle-Datei befinden sich immer noch an der gleichen Stelle und lassen sich aufrufen.

Evtl. irgendein Jimdo-Update was die Ausführung verhindert?
Ob du da wohl mal kurz drüber schauen könntest.

Liebe Grüße
Rene

Antworten

#12 | RE: Video-Hintergrund ohne YouTube / Vimeo für Jimdo-Creator datum

24.04.2023 11:46

Bitte schreib mich per E-Mail an, sonst kann ich dir nicht helfen.

Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (=

)

Bitte sendet mir keine privaten Nachrichten über dieses Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

...hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

...NEU!!! - hier könnt Ihr unser Userforum finanziell unterstützen: https://redesign-berlin.xobor.de/donations.html

Antworten

Xobor-Forum f�r Jimdo-Creator User

Bitte geben Sie einen Grund f�r die Verwarnung an