我们可以创建像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>

添加一个特殊的font-family CSS属性，用于定位IE / Edge或Safari

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

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

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

进行JavaScript调用以使用特殊的CSS属性

初始化视频

objectFitVideos();

您可以在结束标记之前或DOM准备就绪时进行调用。填料将完成其余的工作。

另外，您可以在https://github.com/TricomB2B/object-fit-videos

中找到更多详细信息