Hi Eva,
I found this code however not sure if I can use it in CSS file. Please let me know .. this is for the Video
$(function() {
$(‘video’).bind(‘loadedmetadata’, function() {
var rawWidth = $(this).prop(‘videoWidth’);
var rawHeight = $(this).prop(‘videoHeight’);
var origAspect = rawWidth / rawHeight;
var containerWidth = $(this).width();
var containerHeight = $(this).height();
var targetAspect = containerWidth / containerHeight;
var multi = (targetAspect/origAspect);
$(this).css({
“transform”: “scaleX(” + multi + “)”,
/* IE 9 */
“-ms-transform”: “scaleX(” + multi + “)”,
/* Firefox */
“-moz-transform”: “scaleX(” + multi + “)”,
/* Safari and Chrome */
“-webkit-transform”: “scaleX(” + multi + “)”,
/* Opera */
“-o-transform”: “scaleX(” + multi + “)”
});
});
});