所以我写了这段代码,当我让它占据整个屏幕时,我需要帮助来保持视频的质量。我添加的视频是来自网站的链接(最初我想从本地存储中添加视频但没有显示,所以我放弃了。)当它在屏幕上拉伸时质量下降(显然)所以我需要帮助在管理质量方面。
CSS
body {
position: relative;
overflow: hidden;
background-color:black;
font-family: 'Chakra Petch', sans-serif;
color: white;
}
video {
position: absolute;
top: 0;
width:100% !important;
z-index: 1;/* object-fit is not supported on IE */
object-fit: cover;
opacity: 0.6;
}
<video autoplay muted loop>
<source src="https://player.vimeo.com/external/368320203.sd.mp4?s=38b1bac5d627b94fb902597643461ee5f233d00a&profile_id=139&oauth2_token_id=57447761" type="video/mp4"> </video>
<div class="container">
<span style="font-size: 63px">Anomaly Detection Portal</span>
<span>
<h4>
Use our state-of-the-art technology to find out anomalies in your traffic videos.
</h4>
<h5>
Our futuristic models give the maximum accuracy in more than 90% of the cases.
</h5>
</span>
<a class="btn btn-primary btn-md" href="login" role="button">Proceed Ahead.</a>
</div>
<!-- /.container -->
</div>
<!-- /.jumbotron -->