Guten tag an alle! Ich habe eine Frage zu Hintergrund-Video, ich habe es an die ganze Seite angehängt, aber ich brauche es nur um oben eingebettet zu werden. Kann mir jemand sagen, wo ist das Problem? Vielen Dank! HTML:hintergrund video css (nicht fullscreen)
<video autoplay loop poster="video-bg.jpg" id="bgvid">
<source src="video-bg.webm" type="video/webm">
<source src="video-bg.mp4" type="video/mp4">
</video>
CSS:
video#bgvid {
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background: url(video-bg.jpg) no-repeat;
background-size: cover;
}
@media screen and (max-device-width: 800px) {
html {
background: url(video-bg.jpg) #000 no-repeat center center fixed;
}
#bgvid {
display: none;
}
}
Brauchen Sie oben einzubetten? –