如何防止视频加载到网站

Question

我有视频在我这边，我不希望它在屏幕太小时加载，所以我试过这个：

<video class="video-background" preload="auto" autoplay="true" loop="loop" muted="muted"       volume="0">
  <source class="source-webm" type="video/webm"> 
  <source class="source-mp4" type="video/mp4"> 
  Video not supported 
</video>

的CSS：

.source-mp4{
  content: url("PATH");
}
.source-webm{
  content: url("PATH");
}
@media screen and (max-width:300px){
  .source-mp4, .source-webm{
    content:none;
  }
}

它与图像合作请帮助。

Answer 1

请试试这个css

@media screen and (max-width:300px){
   video{
       display:none;
    }

}