Hello,
To resize the Video, please update the html5Video: function() Function Block in the js/functions.js File with the following code:
html5Video: function(){
var videoEl = $('.video-wrap:has(video)');
if( videoEl.length > 0 ) {
videoEl.each(function(){
var element = $(this),
elementVideo = element.find('video'),
outerContainerWidth = element.outerWidth(),
outerContainerHeight = element.outerHeight(),
innerVideoWidth = elementVideo.outerWidth(),
innerVideoHeight = elementVideo.outerHeight();
if( innerVideoHeight < outerContainerHeight ) {
var videoAspectRatio = innerVideoWidth/innerVideoHeight,
newVideoWidth = outerContainerHeight * videoAspectRatio,
innerVideoPosition = (newVideoWidth - outerContainerWidth) / 2;
elementVideo.css({ 'width': newVideoWidth+'px', 'height': outerContainerHeight+'px', 'left': -innerVideoPosition+'px' });
} else {
var innerVideoPosition = (innerVideoHeight - outerContainerHeight) / 2;
elementVideo.css({ 'width': innerVideoWidth+'px', 'height': innerVideoHeight+'px', 'top': -innerVideoPosition+'px' });
}
elementVideo.css({ 'min-width': '100%', 'min-height': '100%', 'width': '', height: '', top: '' });
if( SEMICOLON.isMobile.any() && !element.hasClass('no-placeholder') ) {
var placeholderImg = elementVideo.attr('poster');
if( placeholderImg != '' ) {
element.append('<div class="video-placeholder" style="background-image: url('+ placeholderImg +');"></div>')
}
elementVideo.hide();
}
});
}
},
This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Please note that the Video will be resize according to its Size.