保持视频元素的中心始终位于浏览器的中心?

时间:2013-09-05 14:00:58

标签: html5 css3

我有一个视频元素。当页面调整大小时我希望它从各个方向剪辑并保持视频的某个点始终居中,我该怎么做?

编辑:

到目前为止我所拥有的所有代码

<body>
<video>
    <source src="img/background.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
    <source src="img/background.webm" type='video/webm; codecs="vp8, vorbis"' />
</video>
</body>

CSS

video{
width: 100%;
height: 100%;
}

1 个答案:

答案 0 :(得分:0)

尝试position:fixed并设置top:50%left:50%