如何添加适合div的视频

Question

 <div class="box1"> 
     <video preload="auto" autoplay loop muted="muted" volume="0"> 
     <source src="videos/splash4.mp4" type="video/mp4"> 
     </video> 
     </div> 

**This is the css** 

.box1{ 
width:100%; 
height:800px; 
} 

那么如何让这个视频适合Div？像http://www.google.com/nexus/7/

Answer 1

可能是你可能只是这样做的CSS，如：

video { 
    width: 100% !important; 
    height: auto !important; 
} 

Answer 2

HTML：

<div class="box1"> 
     <video width=100% preload="auto" autoplay loop muted="muted" volume="0"> 
      <source src="videos/splash4.mp4" type="video/mp4"> 
     </video> 
</div> 

CSS：

.box1{ 
    width:100%; 
    height:800px; 
} 

Answer 3

试试这个

.box1 video{ 
    width: 100% !important; 
    height: 100% !important; 
}