Hintergrundvideo im Header beeinflusst Videoansicht auf html-Seiteninhalten 
Author: Sabine S.
Visited 78,
Followers 1,
Shared 0
Kürzlich habe ich ein Hintergrundvideo in den Header über einen html-code eingefügt. Das funktioniert auch.
Aber, was seitdem nicht mehr angezeigt wird, sind meine in einen html-Code eingebundenen Videos, sowie die Poster auf meiner Seite "Filmstarts".
Komme hier leider nicht weiter und benötige einen Rat.
www.kgsberlin.de und www.kgsberlin.de/filmstarts.html
Posted on the
Bei mir lädt www.kgsberlin.de/filmstarts.html eine gefühlte Ewigkeit - da kann ich gerne auf die eingebundenen Videos verzichten - und die Liste ist endlos lang, wer soll denn soviel scrollen?
Als ersters du hast ein Zertifikat damit es über https angezeigt wird, aber keine automatische Weiterleitung auf https denn du bist auch unter http als unsichere Seite zu finden. Das kann man normalerweise über den Hoster einstellen oder über eine htaccess Datei mit einem Code.
Ich höre gar nichts auf deinen Seiten.
Das einzige Video ist das im Header was angezeigt wird aber hier gibt es keinen Ton. Vom Browser ist aber nichts gesperrt.
Die verlinkten Videos zu Youtube funktionieren aber einwandfrei!
Übrigens die STickybar ist viel zu groß! Hier genügt ein Streifen mit dem MEnü!
(It > De) ...!... im HEADER haben Sie falschen, irregulär HTML-Code eingegeben, der sich auf das korrekte Layout auswirken kann...!...
.
ciao
.
Author
Lieber Daniel, vielen Dank für den Hinweis. Das ist zwar deine Meinung, hilft mir aber bei der technischen Fragestellung nicht weiter. Das Video hat nur knapp 1,6 MB und lädt bei mir sofort.
Lieber Andreas, auch dir vielen Dank für die Infos. Den Hinweis mit dem htaccess prüfe ich mal.
Aber auch hier fehlt mir der technische html-Hinweis zur Sache, wovon ich glaube, dass es ein CSS- und HTML Codierungsproblem ist, was ich aber nicht lösen kann.
Die Videos zu Youtube haben eine andere Codierung, da Sie auf im Web veröffentlichte Videos verweisen. Die Videos, die sich bei den Filmen öffnen, sind in einem Ordner in meinem Webspace hinterlegt, die nicht veröffentlicht sind.
Meiner Vermutung nach wird der Video CSS-Code des Headers dem Code der Seiten-Videos die dem Webstandard entsprechen überlagert.
Falls mir jemand zur technischen Umsetzung der Sache einen Tipp geben kann, wäre ich dankbar.
Author
Lieber ColAsim, das denke ich auch, brauche nur noch einen Hinweis zur Verbesserung.
... ... im EXTRA-HTML-Code dürfen keine reservierten Seiten-Tags vorhanden sein, die auf der Seite eindeutig sein und nur vom Programm verwendet werden dürfen ...
... die Tags, die nicht dort sein sollten, sind:
<html></html> <head></head> <header></header> <body></body> ... (NEIN!)
.
ciao
.
Author
KolAsim, ... ich werde mal unter den Optionen prüfen, ob es sich ändern lässt. Ich glaube ja sogar, dass alleine der Tag <video></video> schon reserviert ist. Na, mal sehen, ob ich da etwas hinbekomme oder mich von einem der beiden Ansichten verabschieden muss.
Auf der Startseite sehe ich keine HTML OBjekte wo du Videos eingebunden hast. Wo genau sollen die drinnen sein?
Auf der Filmstartseite meinst du die Poster links? Ich sehe 11 Bildchen!
... in Bezug auf den Seitenfehler, den ich Ihnen zuvor gemeldet habe, ...dürfen Sie im HTML-Objekt im Header nur den Video-Tag-Code und dessen Inhalt verwenden:
<video>***</video>
.....................................
... auf der Seite gibt es auch andere ähnliche Fehler, die mit falschen Tags im Zusammenhang mit anderen Videos wiederholt werden ...
... Ich rate Ihnen, nicht das Textobjekt (*) für Videos zu verwenden, sondern lieber das Videoobjekt des Programms zu verwenden, um Videos in die Seite einzufügen...
(*) ... wenn Sie HTML-Code im Text verwenden möchten, muss dieser Code korrekt und regelmäßig sein und in einer einzigen Textzeichenfolge ohne Wagenrückläufe entwickelt werden...
.
ciao
.
...während Sie daran arbeiten, empfehle ich Ihnen auch, nicht das Videoobjekt, sondern das Bildobjekt zu verwenden und dieses mit dem Referenzvideo zu verbinden, indem Sie es in der ShowBox öffnen ...
... Dadurch vermeiden Sie, dass Sie die Seite mit schweren und langen Ladezeiten laden müssen, und sorgen für eine fesselndere Präsentation...
.
ciao
.
Author
Hallo KolAsim, die Version mit dem Bildobjekt im ShowBox-Fenster hatte ich mir auch schon überlegt. Ich werde das heute mal ausprobieren. Wenn ich so den Header beibehalten kann, wäre mir das auch recht.
Danke. LG.
Author
So fertig, ich habe den Kompromiss über einen neuen html-Code gewählt, indem ich nun das Bild anzeige und über ein Link per Klick auf das Bild das Video in einem neuen Browserfenster öffnen lasse. Damit kann ich leben und es spart tatsächlich für den User Datenvolumen. (Webseite https://www.kgsberlin.de/filmstarts.html ... am 25.11.2024)
Hier der Wechsel, wenn´s jemanden interessiert:
vorher (funktioniert ohne Video im Header, aber nicht mit der Verwendung des Video im Header)
<video src="xxx.mp4" width=100% height=auto controls poster="xxx.jpg">
Sie sehen nichts? Dieses Video kann möglicherweise in Ihrem Browser nicht wiedergegeben werden.
</video>
aktuell neu (funktioniert nun auch mit der Verwendung eines Videos im Header)
<a href="xxx.mp4"> <img alt="xxx" src="xxx.jpg"
title="xxx"
style="width:100%" ; "height: auto">
</a>
Danke KolAsim für die Inspiration.
ciao, ... ... derzeit fällt mir auf, dass Bilder falsch formatiert sind, nicht in der Showbox angeschlossen, sondern ohne Player direkt mit einem externen Video verbunden sind (etwas unsachgemäß), wie Sie auf diesem STAMP von mir sehen können:
style="width:100%" ; "height: auto">
style="width:100%; height: auto">
.
ciao
.
ciao, ... ...während Sie Ihre Tests durchführen, ...wenn Sie Ihre Videos jetzt immer noch auf der Seite „filmstarts.html“ sehen möchten (trotz der Korrekturen, die vorgenommen werden sollten), kann dies mit einem kleinen und einfachen Code von erfolgen meins EXTRA...
... wenn Sie Interesse haben, wie in meinem STAMP zu sehen ist, lassen Sie es mich bitte wissen...
.
ciao
.