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

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

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

来源

2016-07-08 smarttechy

与这个CSS尝试...

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

来源

2016-07-08 05:46:51 Sankar

桑卡尔我有高度降低，当我把它固定在40％或别的东西，然后宽度自动获得降低 – smarttechy

我的错误，它的工作现在:) – smarttechy

嘿，我还以为高度降低但它不是如何降低其高度我给高度10％的高度并没有减少，但如果我给在px然后宽度也得到减少 – smarttechy

你可以这样做也。

.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>

来源

2016-07-08 06:47:07

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

回答

相关问题