Druckbare Version
Hallo,
ich habe auf einer Webseite ein Hintergrundvideo. Ich möchte, dass in der mobilen Webseite ein Bild anstatt des Video angezeigt wird. Wenn ich einfach display: none; angebe wenn das Endger't ein IOS oder ein Adroid-Gerät ist oder dass es eben erst ab einem gewissen Breakpoint kein Display none mehr hat. Wenn ich es so mache, dann wird es ja trotzdem geladen und besser wäre es ja eigentlich, wenn es für mobile Geräte gar nicht erst geladen wird. Wie kann ich das bewerkstelligen?
Ich selbst habe es noch nie benutzt, kann mir aber vorstellen, dass ein mobiles Seitenlayout dein Problem lösen könnte?
Was passiert, wenn du dem video ein <div> herum verpasst und bereits dieses <div> auf display:none setzt?
Hast du das getestet und bestätigt?Zitat:
Zitat von KDC
ggf. mit diesem Modul arbeiten: https://packagist.org/packages/numer...ao-mobile-only
Gesendet von iPhone mit Tapatalk
Auch wenn der Beitrag schon etwas älter ist, sauber (vor allem im Hinblick auf den Cache) geht das wahrscheinlich nur mit Javascript. Mit JS die Breite vom Display des Devices feststellen und wenn dieser einer gewisse Mindestbreite hat, den Block mit dem Code laden lassen. Kann auch ein Vorteil für die Pagespeed-Messung bringen, wenn man z.B. die Ausführung des Scriptes richtig setzt.