html - 将视频元素的中心始终保持在浏览器的中心?

标签 html css

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

编辑:

我目前所有的代码

<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%;
}

最佳答案

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

关于html - 将视频元素的中心始终保持在浏览器的中心?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18638431/

相关文章:

javascript - 嗨,我无法让 CSS 旋转动画工作?使用最新版本。更新 : running on Chrome

css - 缩放时,<audio> 对象从底部向上移动并与顶部重叠

css - 文本下方的边框底部

html - 如何让 HTML 电子邮件模板中的 div 文本内容溢出?

javascript - 创建简单的 toast 通知并将它们从上到下连续链接

javascript - 存储十六进制 HTML 颜色作为数值转换返回不同的颜色

html - calc() 在 CSS 中不计算,在浏览器中存在差异

HTML:在线渲染 .svg 文件

html - CSS 检查图标 (i) 是在按钮内的文本之前还是之后

javascript - 动态添加的表行不删除