javascript - 我们可以创建类似 Object-fit 的东西吗：填写 Javascript/Jquery

Question

我正在使用适合视频的对象。我看到在 IE 和其他一些浏览器中不起作用。是否可以创建类似 Object-fit:fill 的东西与 Javascript/Jquery 一起使用？

Answer 1

是的，当然，您可以这样做。

在你的标记中包含 polyfill

<script src="path/to/object-fit-videos/dist/object-fit-videos.min.js"></script>

为 IE/Edge 或 Safari 添加一个特殊的 font-family CSS 属性

video {
  object-fit: cover;
  font-family: 'object-fit: cover;';
}

object-position 可以类似地使用。注意 object-position 目前只支持关键字定位。那是顶部，底部，左侧，右侧和中心

video {
  object-fit: cover;
  object-position: left top;
  font-family: 'object-fit: cover; object-position: left top;';
}

使用特殊的 CSS 属性调用 JavaScript 来初始化视频

objectFitVideos();

您可以在结束标记之前或在 DOM 准备好时进行调用。polyfill 将完成剩下的工作。

此外，您可以从https://github.com/TricomB2B/object-fit-videos找到更多详细信息