45 lines
1.1 KiB
JavaScript
45 lines
1.1 KiB
JavaScript
window.scwHtml5VideoPlugin = window.scwHtml5VideoPlugin || {};
|
|
|
|
window.SEMICOLON_html5VideoInit = function( $html5Video ){
|
|
|
|
if( $html5Video.length < 1 ){
|
|
return true;
|
|
}
|
|
|
|
$html5Video.each(function(){
|
|
let element = $(this),
|
|
elVideo = element.find('video'),
|
|
divWidth = element.outerWidth(),
|
|
divHeight = element.outerHeight(),
|
|
elWidth = ( (16*divHeight)/9 ),
|
|
elHeight = divHeight;
|
|
|
|
if( elWidth < divWidth ) {
|
|
elWidth = divWidth;
|
|
elHeight = ( (9*divWidth)/16 );
|
|
}
|
|
|
|
elVideo.css({ width: elWidth+'px', height: elHeight+'px' });
|
|
|
|
if( elHeight > divHeight ) {
|
|
elVideo.css({ 'left': '', 'top': -( ( elHeight - divHeight )/2 )+'px' });
|
|
}
|
|
|
|
if( elWidth > divWidth ) {
|
|
elVideo.css({ 'top': '', 'left': -( ( elWidth - divWidth )/2 )+'px' });
|
|
}
|
|
|
|
if( SEMICOLON.isMobile.any() && !element.hasClass('no-placeholder') ) {
|
|
let placeholderImg = elVideo.attr('poster');
|
|
|
|
if( placeholderImg != '' ) {
|
|
element.append('<div class="video-placeholder" style="background-image: url('+ placeholderImg +');"></div>')
|
|
}
|
|
|
|
elVideo.hide();
|
|
}
|
|
});
|
|
|
|
};
|
|
|