Hintergrundvideo ohne Youtube

04.02.2023 17:54
#1
JS

Im Zuge der Diskussion über Datenschutz und Youtube-Videos möchte ich gerne auf meiner Seite den Hintergrund als Video ohne Youtube einbinden.
Ich habe hier im Forum auch schon eine Lösung gesehen (Oktober 2020), die ich versucht habe „nachzubauen“.

Ich habe das Design Zürich

Bis hierhin bin ich gekommen:
Ich habe auf einer versteckten Seite (TEST1) den u.a. code in ein widget/HTML-Fenster eingegeben und erhalte das gewünschte Video, jedoch noch auf der Testseite.

Skript1:
<video id="video_background" preload="auto" autoplay="true" loop="loop" muted="muted" volume="0" poster="LINK ZUM POSTER.jpg?t=1675508210"><source src=
"LINK ZUM VIDEO" type="video/mp4" />Video not supported</video>

Um alles jetzt in den Hintergrund zu schieben wurde damals ein zweites Skript gezeigt.
Das vorgeschlagen Skript habe ich angepasst und in den Head geladen.
So weit so gut.
Wenn ich jetzt das erste Skript (Skript1) auch in den Head lade, verschwindet es beim „Speichern“ wieder.

Was habe ich übersehen oder falsch gemacht (Laie), bzw. wie muss ich das integrieren?
Kann es auch sein, dass die Lösung beim Design Zürich gar nicht funktioniert?
Ich bin dankbar für eure Hilfe.
Gruß


 Antworten

 Beitrag melden
15.02.2023 12:24 (zuletzt bearbeitet: 15.02.2023 12:24)
avatar  az_
#2
avatar
az_

...das Skript1 gehört nicht in den head, sondern in ein html-widget im Content-Bereich.

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


 Antworten

 Beitrag melden
23.02.2023 18:05
#3
JS

Danke für die Antwort,
das mit dem Skript1 habe ich jetzt verstanden.


Das Skript habe ich in auf der Seite TEST1 in ein html/widget eingebunden und es läuft auch

meine Testseite ist: testhintergrund.jimdofree.com


Wie muss ich jetzt das Skript 2, welches das Video in den Headbereich "schieben" soll, aussehen?

Muss da ggf. etwas angepasst werden. Ich komme leider nicht weiter.

Danke für weitere Hilfe


 Antworten

 Beitrag melden
24.02.2023 15:02
avatar  az_
#4
avatar
az_

Dieses Skript kannst du in den headbereich reinschreiben oder auf der Seite, auf der das Video liegt. Aber du musst auch jquery als Bibliothek implementieren.
Außerdem sind meine Skripte meistens kopiergeschützt und gelten nur auf der Webseite, für die sie geschrieben worden sind. Du kannst mich aber mal anschreiben, dann schaue ich mir das Skript mal an und schalte dir es gegebenenfalls für deine Webseite frei.
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


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!