Javascript/JqueryのObject-fit：fillを作成できますか？

Question

私はビデオにobject-fitを使用しています。私は、IEや他のいくつかのブラウザで動作していないことがわかりました。 Object-fitのようなものを作成することは可能ですか？fillはJavascript/Jqueryで動作しますか？

Answer 1

はい、もちろん可能です。

は、マークアップでポリフィル

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

は、オブジェクトの位置が同様に使用することができる

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

IE /エッジやSafari

を標的とするための特別のfont-family CSSプロパティを追加します含めます。 object-positionは、この時点でのキーワードの位置指定しかサポートしていないことに注意してください。これは、右上、左下、および中央

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

だ

objectFitVideos(); 

あなたは閉じタグまたはいつでも前に電話をかけることができる特別なCSSプロパティを使用してビデオを初期化するためのJavaScript呼び出しを行いますDOMは準備が整いました。 polyfillは残りの処理を行います。

https://github.com/TricomB2B/object-fit-videos