Was ist der beste Weg, um entfernen html5-video-hintergrund für mobile Anwender

ERKLÄRUNG: EIN Kunde von mir will ein hintergrund-video auf seinem responsive website. Aber er möchte auch, es zu entfernen, um für tablet/Handy-Nutzer. Ich weiß, das kann man mit media queries, aber das video würde noch laden als Teil des DOM-und das ist das, was ich verhindern möchte.

FRAGEN:

  1. Kann das video-element entfernt werden mit JavaScript/jQuery aus dem DOM, wenn es lädt view-port bei bestimmten breiten?

  2. Kann das gleiche video wiederhergestellt werden, wenn der view-port wird manuell erhöht, mit? (ich vermute, dies ist ein schlechter Ansatz ist)

  3. Wird ein video mit "display:none;" immer noch beeinflussen, laden/Akku-Laufzeit auf einem tablet/Handy ?

Danke für Sie Unterstützung.

InformationsquelleAutor user3812110 | 2014-07-07
  1. 2

    Basierend auf mobilen Dimensionen $('video').remove(). dieser wird entfernt, das DOM-element aus der Webseite. es wird also nicht im html.

    InformationsquelleAutor Chandra Reddy
  2. 1

    Sehen diese Antwort zu erkennen, wenn Sie auf einem mobilen Gerät.

    Dann, mit Hilfe dieses Tests können Sie .hide() Ihrem element mit jQuery, oder seine src Attribut "", um sicherzustellen, daß es nicht herunterladen.

    • Dank Jb ich denke, dass wird die beste Lösung sein 🙂
    • Ich möchte zu beachten, dass diese nicht verhindern, dass das video von durch den Nutzer heruntergeladen.
    • Mit modernizr oder js zu erkennen, wenn das video-element zur Verfügung steht und dann nicht laden das video, wenn das video-element nicht gültig.
    InformationsquelleAutor Jb Drucker
  3. 1

    Könnte man auch css verwenden.
    Das ist viel einfacher.

    @media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
    video {
        display:none;
    }
}

    Dann ein Bild mit einem negativen z-index, so, wenn das video nicht angezeigt wird, wird das Bild angezeigt.

    • Funktioniert nicht in Chrome 52.
    InformationsquelleAutor Anton Koenig
Schreibe einen Kommentar