让IE支持object-fit属性,包括图片和视频的全屏

2018年05月15日 阅读112次 分类:资源 标签:js资源

版权声明:本文为博主原创或转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

本文链接:http://www.zhuyanjun.cn/resource/1164.html

object-fit-images

让ie浏览器支持css3+图片的object-fit属性。

使用场景 图片全屏
npm包名 --
bower包名 --
文档地址 点击访问

object-fit-videos

让ie浏览器支持css3+视频的object-fit属性。

使用场景 视频全屏
npm包名 object-fit-videos
bower包名 --
文档地址 点击访问
使用方法

css:

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

js:

objectFitVideos();


扩展:

chrome66+和safri201711版让视频自动播放,只需加muted属性即可。

参考文章 https://www.oschina.net/news/96039/after-chrome66-ban-play-sound-auto?from=20180513

去除ie下的播放控制条,去除controls属性即可。

(本篇完)

是不是学到了很多?可以

版权声明:本文为博主原创或转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

本文链接:http://www.zhuyanjun.cn/resource/1164.html