✔ Kein Laden von HTML 5 Video

[achterbahnfreak]

Abend zusammen,

ich bastel aktuell an einer Webseite, die ein HTML5 Video beinhaltet. Das funktioniert auch wunderbar. Nur möchte ich gerne, dass das <video>-Tag per Javascript aus dem Quellcode entfernt wird, wenn das Browserfenster z.B. kleiner als 800 Pixel ist.

Mit

<script>
if (screen.width > 800) {
    var node = document.getElementById('video');
node.innerHTML('<video>Videosource </video');
}
</script>

habe ich es schon versucht, jedoch kein Erfolg gehabt... Kann mir jemand weiterhelfen?

 

[SpiceLab]

In deinem Script fehlt zur Ausführung noch eine Funktion, und zur Ermittlung der Browserfensterbreite wird window.innerWidth herangezogen.

Desweiteren fehlt dem schließenden </video>-Tag die >-Klammer.

 

[achterbahnfreak]

<script>
$(document).ready(function(){
if (window.innerWidth > 800) {
    var node = document.getElementById('video');
node.innerHTML('<video>Videosource </video>');
};
});
</script>

So dann?

 

[SpiceLab]

function foo () {
  if (window.innerWidth > 800) {
    var node = document.getElementById('video');
    node.innerHTML = '<video>Videosource</video>';
  }
}
onload=foo;

 

[achterbahnfreak]

Supi, hat geklappt! Dankeschön.