HTML5 Video mit css verschieben?

1 Antwort

EinAlexander
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
Computer, CSS
17.12.2019, 16:24
HTML5 Video mit css verschieben?

Wenn Du mit "verschieben" meinst, das Element zu positionieren, geht das so:

<!doctype html>
<title>position: absolute</title>
<style>
video {
    position:absolute;
   top:100px;
   left:100px
   }
</style>
<video width="..." height="..." controls>
<source src="..." type="...">
</video>

Alex
Minecraft771  17.12.2019, 17:02

Aber mach das aus dem Style Tag in die Style css bei manchen Browsern funktioniert das nur bedingt

EinAlexander  17.12.2019, 17:03
@Minecraft771
bei manchen Browsern funktioniert das nur bedingt

Quatsch. Bei welchem soll das denn nicht funktionieren?
Ananasdublone 
Beitragsersteller
 17.12.2019, 16:27

danke !

ich hatte es fast genauso versucht habe aber dem video in der CSS Datei ein # gemacht und habe dem video eine ID gegeben.

EinAlexander  17.12.2019, 16:29
@Ananasdublone
habe aber dem video in der CSS Datei ein # gemacht und habe dem video eine ID gegeben.

Funktioniert nach demselben Prinzip:

<!doctype html>
<title>position: absolute</title>
<style>
#weihnachtsfilm {
   position:absolute;
   top:100px;
   left:100px
   }
</style>
<video width="..." height="..." controls id="weihnachtsfilm">
<source src="..." type="...">
</video>
EinAlexander  17.12.2019, 16:30
@Ananasdublone
ok hab dann irgendwas anderes falsch gemacht

vermutlich position:absolute nicht angegeben.