Video-Hintergrund ohne YouTube / Vimeo für Jimdo-Creator
#1
...das es die noch gibt! ...die hab ich selbst vor langer Zeit mal eingerichtet - netter Zufall! 
Das Hintergrundvideo ist hier ein einfaches html5-Widget:
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 am besten mit der Schaltfläche für "Code" einkapseln!!! (= 
) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
#3
... 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 am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
#5
...dann leg einmal eine versteckte Seite mit dem Namen ../test an und lade das Video auf dieser Seite in ein html-widget-Element:
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 am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
#7
...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:
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:
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 am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
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 am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
#10
#11
Bitte schreib mich per E-Mail an, sonst kann ich dir nicht helfen.
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
Ähnliche Themen
| Thema | Antworten | Aufrufe | Letzte Aktivität | ||
|---|---|---|---|---|---|
 |
eigenes Video als Background einfügen für Startseiteeigenes Video als Background einfügen für Startseite |
1
az_
16.05.2023 |
433 |
|
|
|
Hintergrundvideo ohne Youtube Hintergrundvideo ohne Youtube |
3
az_
24.02.2023 |
423 |
|
|
|
Facebook Katalog mit Jimdo Creator Artikeln verknüpfenFacebook Katalog mit Jimdo Creator Artikeln verknüpfen |
3
az_
12.10.2021 |
2934 |
|
|
|
Bestes Jimdo ThemeBestes Jimdo Theme |
1
az_
24.07.2021 |
1742 |
|
|
|
Jimdo Creator: Head Bearbeiten (CSS-Skript eintragen) Jimdo Creator: Head Bearbeiten (CSS-Skript eintragen) |
0
az_
16.09.2020 |
19510 |
|
|
|
Jimdo Dolphin und die Buchhaltung (Software für Rechnungen)Jimdo Dolphin und die Buchhaltung (Software für Rechnungen) |
0
Dievollo
16.04.2020 |
3094 |
|
|
|
Höhe vom Footer / Hintergrund von Textblock auf transparent setzenHöhe vom Footer / Hintergrund von Textblock auf transparent setzen |
3
az_
09.04.2020 |
1180 |
|
|
|
Jimdo Website änderung Jimdo Website änderung |
2
az_
12.03.2018 |
1960 |
|
|
|
VideosVideos |
3
az_
18.02.2017 |
980 |
|
Jetzt anmelden!
Jetzt registrieren!
