css 视频横幅

Posted 2021-05-13

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css 视频横幅相关的知识，希望对你有一定的参考价值。

<div class="video-wrapper _invisible-md">
  <video playsinline="" autoplay="" loop="" muted="" class="video">
    <source src="[template-url]/videos/home-video.mp4" type="video/mp4">
  </video>
</div>

.video-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000;
  padding-bottom: 56.37%;
}

.video-wrapper video {
  display: inline-block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

以上是关于css 视频横幅的主要内容，如果未能解决你的问题，请参考以下文章

如何在 iframe 中阻止弹出式广告、横幅广告和视频广告？