WebSite X5Help Center

 
C K.
C K.
User

Video im Header Hintegrund  de

Auteur : C K.
Visité 1648, Followers 1, Partagé 0  

Hallo

Ich habe im Header ein Video eingebunden (Zeilenstil).

Funktionier auf Desktop: http://sites.shl.ch/networking/a.html

Mobile mit Safari funktioniert es, mit Google läuft das Video nicht. Ein weiteres Problem ist, dass das Video auf Mobile nicht "responsive" angezeigt wird.

Ich verwende Version 16.3

Es git es dazu eine Lösung?

Danke

Claudio

Posté le
13 RéPONSES
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

Video wird im Chrome (Desktop) ganz normal angezeigt und wiedergegeben!  Im Firefox musst ich erst meine Video mit Ton Blockierung aufheben um das Video abspielen zu lassen. Wenn du im FF auch so eine Blockade hast, musst du diese erst aufheben.

REsponsive wird das Video schon angezeigt, aber wie auch bei der Bildliste oder Grafiken wird die Höhe nicht angepasst, weil sich ja auch der Inhalt innerhalb der Zeile befindet und das Video nicht verkleinern werden darf.

Lire plus
Posté le de Andreas S.
C K.
C K.
User
Auteur

Danke, Andreas. 

Auf Desktop funktioniert es mit Chrome, FF und Edge. Auf iPhone mit Safari läuft das Video auch, nur nicht mit Chrome auf iPhone.

Lire plus
Posté le de C K.
C K.
C K.
User
Auteur

Noch eine Zusatzfrage. Kann ich die Höhe des Video auf Mobile beeinflussen?

Ich habe bei den Einstellungen, den Header/Hintergrund auf 600 gestellt (ich teste noch) und dann bei Inhalt Template ein Textobjekt eingefügt, soweit funktioniert dies alles. Es wäre jedoch gut, wenn ich die Höhe des Videos (Anzeige auf Mobile) nocht etwas erhöhen könnte.

Lire plus
Posté le de C K.
C K.
C K.
User
Auteur

Meine Zusatzfrage ist falsch.

Hier mein Problem:

- Video im Hintergrund mit Textobejkt funktioniert auf Desktop

- auf Mobile nicht. Erstens hat man nur einen Videoausschnitt auf mobiler Ansicht. Kann man die Ausrichtung vom Video für mobile beeinflussen?

- der Text im Textobjekt für Desktop ist für Mobile zu gross. Ich habe den Text auf ausblenden gestellt und versuche, im Inhalt Template für Mobile ein Textobjekt zu platzieren. Geht auch nicht, denn sobald ich bei Struktur Template für einen Header z.Bsp. 50 eingeben, wird das Video nach unten geschoben.

Eigentlich versuche ich nichts anderes, als die Desktop Ansicht mobile tauglich zu machen. 

Testseite hier: http://sites.shl.ch/networking/a.html, Desktop alles gut, mobiel Ansicht nicht.

Danke fü Tipps

Lire plus
Posté le de C K.
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

Videos die automatisch im Hintergrund laufen für mobile Geräte sind immer ein Problem. Es kommt immer darauf an wie groß das Video ist, denn bei den meisten Seiten wird das Video durch ein Bild ersetzt. In WSX5 könnte man dann Text-Objekt beim mobilen Teil ausblenden und dadurch das Video auch entfernen wenn es im Zeilenstil eingefügt worden ist.

ABer bei deiner Seite ist sowieso etwas komplett verstellt! Vielleicht durch den Skriptcode beeinflusst.

In dem Zeilenstil hast du in der Desktop Version das Video anscheinend über mehrere Objekte gezogen und in der mobilen ein paar ausgeblendet und deshalb wird es abgeschnitten weil das letzte zu wenig Platz reserviert.

Lire plus
Posté le de Andreas S.
C K.
C K.
User
Auteur

Besten Dank, Andreas.

Ich habe eine andere Testseite (http://sites.shl.ch/networking/b.html) erstellt, bei welcher ich ein Video "Zeilenstil" eingefügt und alle Objekte entfernt habe, bis auf HTML Code Objekt, um die Höhe zu Video zu bestimmen. Ev. ist dies nicht die richtige Lösung.

Zusätzlich habe ich ein Coverbild. Dies mit der Idee, dass mobile das Coverbild angezeigt wird und nicht das Video. Funktioniert auf mobile nicht.

Meine Frage. Wie kann ich bestimmen, welches Bild auf mobile angezeigt wird, anstelle des Videos?

Auf dem Desktop funktioniert das Video einwandfrei.

Danke.

Lire plus
Posté le de C K.
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

Frage... wenn es mobile nicht funktioniert, dann erscheint doch ein Standbild und das Video wird nicht abgespielt,

oder? Oder zeigt es überhaupt nichts an mobil, also reiner weisser Hintergrund? Derzeit hast du ja das Objekt auf der Testseite ausgeblendet.

Lire plus
Posté le de Andreas S.
C K.
C K.
User
Auteur

Mit Safari/iPhone läuft das Video, mit Goggle/iPhone wird die erste Szene vom Video als Bild dargestellt.

Das Problem ist, dass ich die Objekte (z.Bsp. Headline) für Desktop bei Mobile ausblende, da der Texte zu gross ist und auf Mobile nicht vollständig anzeigen. Somit fehlt im Header die Headline für Mobile.

Lire plus
Posté le de C K.
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

Grafiken kann man verkleinern im Header!  Wenn du Text eingefügt hast, dann würde ich es als "Title Objekt" machen denn dort kann man das Häkchen setzen, dass sich der Titel von der größe anpasst.

Lire plus
Posté le de Andreas S.
C K.
C K.
User
Auteur

Danke für den Tipp, versuche mal diese Variante

Lire plus
Posté le de C K.
C K.
C K.
User
Auteur

Ich teste immer noch. Folgende Fragen:

- kann man ein Video "eingefügt" Zeilenstil für Mobile ausblenden?

- ich habe die Höhe des Videos mit HTML Code definiert, damit es Mobile angezeigt wird. Wenn ich das mache, habe ich auf dem Desktop einen grauen Rand unter dem Video, welche durch das HTML Objekt erzeugt wird, da die Höhe im HTML Objekt die Videohöhe übersteigt. 

Wie kann ich einem HTML Objekt die Farbe zuweisen, damit anstelle von grau der Hintergrund weiss ist?

Danke

Lire plus
Posté le de C K.
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

Frage 1: Nein, auf normalen Wege nicht.

Frage 2: dazu müsstest du den Selektor wissen bzw. suchen welcher die Farbe definiert als Hintergrund.

             Wenn du diesen hast, dann ist es kein Problem auf transparent oder weiss zu stellen per Code.

Lire plus
Posté le de Andreas S.
C K.
C K.
User
Auteur

besten Dank, Andreas. Hat mir weitergeholfen.

Lire plus
Posté le de C K.