0

所以我写了这段代码,当我让它占据整个屏幕时,我需要帮助来保持视频的质量。我添加的视频是来自网站的链接(最初我想从本地存储中添加视频但没有显示,所以我放弃了。)当它在屏幕上拉伸时质量下降(显然)所以我需要帮助在管理质量方面。

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&amp;profile_id=139&amp;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 -->
           

4

0 回答 0