Video nach Ablauf ausblenden

[Gunnar Bittersmann]

@@Matthias Scharwies

Eine Klasse kannst Du am bequemsten mit classList.add hinzufügen:

document.getElementById('myVideo').classList.add('finished');

Wenn etwas wirklich weg soll, dann ist das keine Sache des Stylings, sondern darf sich durchaus im DOM widerspiegeln – und ohne CSS funktionieren:

document.getElementById('myVideo').hidden = true;

Einer Klasse finished bedarf es ebensowenig wie einer Regel video.finished { display: none }.

(Höchstens einer [hidden] { display: none } für Uralt-Browser. Dann ist man IIRC auch mit document.getElementById('myVideo').setAttribute('hidden', '') auf der sichereren Seite.)

Oder gleich das Element aus dem DOM nehmen:

var myVideoElement = document.getElementById('myVideo');
myVideoElement.parentNode.removeChild(myVideoElement);

LLAP 🖖