css - HTML5 视频缩放

标签 css html video html5-video

我想要一个 HTML5 视频元素来填充包含 DIV 的框架。我使用以下 CSS,它在 Safari 中运行良好:

video {
    position:absolute;
min-width: 100%;
min-height: 100%;
 max-width: 100%;
max-height: 100%;
object-fit: cover; 
}

但在IE 11中打开时,视浏览器窗口大小而定,视频周围有黑框。有没有其他方法可以让 IE 像 Safari 一样运行?

最好的问候 约尔格

最佳答案

Internet Explorer 不支持 object-fit CSS 属性。 如果您真的想要这种行为,也许您最好尝试使用 polyfill ( https://github.com/anselmh/object-fit )

关于css - HTML5 视频缩放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31705514/

相关文章:

javascript - 只允许 <body> 标签中的几个标签进行复制粘贴

python - 以每秒 60 帧的速度用 Python 编写视频

html - 当图像位于 HTML/CSS 标题中时链接不起作用

jquery - 动态选择插件下拉列表中的 CSS 对齐问题

html - 阻止 Google Chrome 使用本地字体

javascript - 哪个版本的 IE 支持 iframe 的安全性 ="restricted"

html - 使用 flexbox 在图像上居中文本

javascript - iQuery ajax 请求返回空 $_POST

video - 如何使用 ffmpeg 将 WebM 音频(Opus)和 MP4 视频(H.264)合并为一个 MP4 文件

video - Amazon Elastic Transcoder 可以连接两个视频吗