Video Hintergrund nur in einem Teil des Körpers

Question

weiß ich, dass CSS verwenden kann, einen Vollbild-Video-Hintergrund

zu schaffen, aber wie kann ich zeige nur den Video-Hintergrund in einem Teil?

zum Beispiel erstelle ich eine 800 * 600 Box teil

, wie der Hintergrund dieses Teils machen Videohintergrund zu sein, der restliche Teil noch ein Hintergrundbild?

Hier ist mein CSS Teil Code

nav{ 
    width: 800px; 
    height: 600px; 
    padding: 10px; 
    border: 5px solid black; 
    margin: 0; 
    align-content: center; 
    text-align: center; 
    background-color: white; 
    margin:auto; 
    margin-top: 10px; 
    margin-bottom: 50px; 

} 

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(polina.jpg) no-repeat; 
    background-size:cover; 
} 

und der HTML-Code

<nav> 
    <video autoplay="autoplay" loop="loop" id="bgvid"> 
    <source src="http://courses.cs.cityu.edu.hk/cs2204/wildlife.mp4" type="video/mp4"> 
    <source src="http://courses.cs.cityu.edu.hk/cs2204/wildlife.ogg" type="video/ogg"> 
    </video> 
</nav> 

Answer 1

Sie geben jeder hat seinen eigenen Hintergrund DIV, Bild, Video oder einfach nur eine Farbe. So können Sie einfach DIVs übereinander legen (kleinere Elemente, die nur Teile größerer Elemente abdecken), indem Sie absolute oder feste Positionen und Z-Indizes für ihre Platzierung verwenden.

Ihr Code enthält nur ein Element, so dass es nicht mit diesem Code demonstriert werden kann. Sie müssten etwas mehr posten und detailliertere Informationen darüber geben, was wo sein sollte.