HTML5 Video mit css verschieben?
Hallo,
ich versuche gerade eine kleine Website mit HTML zu machen.
jetzt habe ich das Problem das ich Videos nicht in css mit Z.B. top: 100px; verschieben kann. Danke schon mal im voraus
1 Antwort
![](https://images.gutefrage.net/media/user/EinAlexander/1568031404353_nmmslarge__0_0_355_355_53fff13ea2c79ad9fbc680094640ebd8.jpg?v=1568031404000)
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
Computer, CSS
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
![](https://images.gutefrage.net/media/user/EinAlexander/1568031404353_nmmslarge__0_0_355_355_53fff13ea2c79ad9fbc680094640ebd8.jpg?v=1568031404000)
EinAlexander
17.12.2019, 17:03
@Minecraft771
bei manchen Browsern funktioniert das nur bedingt
Quatsch. Bei welchem soll das denn nicht funktionieren?
![](https://images.gutefrage.net/media/default/user/9_nmmslarge.png?v=1551279448000)
danke !
ich hatte es fast genauso versucht habe aber dem video in der CSS Datei ein # gemacht und habe dem video eine ID gegeben.
![](https://images.gutefrage.net/media/user/EinAlexander/1568031404353_nmmslarge__0_0_355_355_53fff13ea2c79ad9fbc680094640ebd8.jpg?v=1568031404000)
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>
![](https://images.gutefrage.net/media/default/user/9_nmmslarge.png?v=1551279448000)
@EinAlexander
ok hab dann irgendwas anderes falsch gemacht
![](https://images.gutefrage.net/media/user/EinAlexander/1568031404353_nmmslarge__0_0_355_355_53fff13ea2c79ad9fbc680094640ebd8.jpg?v=1568031404000)
EinAlexander
17.12.2019, 16:30
@Ananasdublone
ok hab dann irgendwas anderes falsch gemacht
vermutlich position:absolute nicht angegeben.
![](https://images.gutefrage.net/media/default/user/9_nmmslarge.png?v=1551279448000)
Aber mach das aus dem Style Tag in die Style css bei manchen Browsern funktioniert das nur bedingt