Question

我想在WordPress中使用全宽和固定高度的网页制作视频自动播放。它应该类似于视频自动播放滑块而没有任何播放器，但只有这个视频自动播放一次又一次。不想使用iframe，因为它嵌入了YouTube播放器，但我不需要。我想只使用CSS和HTML来做。这是我使用的代码，但它不在屏幕的整个宽度上。

 <video autoplay loop style="min-width:100%;max-width:40%">
 <source src="{video-source}" type="video/mp4" />
 </video>

Answer 1

试试这个css ......

video
{
  background:black;
  position:absolute;
  width:100%;
  height:100%;
}

Answer 2

你也可以这样做。

.con{
  background-color: #000;
  min-width: 100%;
  min-height: 40%;
}
video{
  width: 50%;
  margin: 0 auto;
  display: table;
}

<div class="con">
<video autoplay loop controls>
<source src="http://3dstudioworks.com/wp-content/uploads/2016/07/video.mp4" type="video/mp4" />
</video>
</div>

如何制作视频全宽和固定高度

2 个答案: