如何在PC屏幕上显示8个视频和在Mobile屏幕上显示4个视频

Question

我在计算机上显示了8个视频，但我希望在移动设备上工作时仅显示4个视频。

Answer 1

在media query中使用css，并在移动设备display:none上隐藏（width）您想要的视频：

@media only screen and (max-width: 600px) {
  .video-mobile {
    display: none;
  }
}

<div class="wrap">
  <div>video 1</div>
  <div>video 2</div>
  <div>video 3</div>
  <div>video 4</div>
  <div class="video-mobile">video 5</div>
  <div class="video-mobile">video 6</div>
  <div class="video-mobile">video 7</div>
  <div class="video-mobile">video 8</div>
</div>