Question

我想在我的网站上添加一个全宽和一定高度的视频。不是全屏。像这样http://codecanyon.net/item/easy-video-background/full_screen_preview/1365012

我该怎么做？如果你能提供帮助我会很高兴。

<video autoplay="autoplay" loop muted onplaying="this.controls=false" volume="0">
  <source src="videos/20.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
  Video not supported. 
</video>

CSS

video 
 {
    min-width: 100%;
    height: 600px;
    width: 100%;
    right: 0px;
    top: 0px;
    position: absolute;
 }

Answer 1

使用100％宽度和xpx高度的容器以及overflow：hidden和放置视频标签的内部

#video-container {
overflow: hidden;
width: 100%;
height: 200px;
}

编辑：编辑视频定位的小提琴，以防您不希望裁剪从顶部开始。

Fiddle

HTML5视频播放全宽和一定高度

1 个答案: