69 lines
1.5 KiB
JavaScript
69 lines
1.5 KiB
JavaScript
/*
|
|
Name: Industry & Factory
|
|
Written by: Okler Themes - (http://www.okler.net)
|
|
Theme Version: 12.1.0
|
|
*/
|
|
|
|
(($ => {
|
|
/*
|
|
* SVG Aspect Ratio
|
|
*/
|
|
function aspectRatioSVG() {
|
|
if( $(window).width() < 2000 ) {
|
|
$('svg[preserveAspectRatio]:not(.custom-svg-btn-background)').each(function(){
|
|
$(this).attr('preserveAspectRatio', 'xMinYMin');
|
|
});
|
|
} else {
|
|
$('svg[preserveAspectRatio]:not(.custom-svg-btn-background)').each(function(){
|
|
$(this).attr('preserveAspectRatio', 'none');
|
|
});
|
|
}
|
|
}
|
|
|
|
aspectRatioSVG();
|
|
$(window).on('resize', () => {
|
|
aspectRatioSVG();
|
|
});
|
|
|
|
/*
|
|
* Play Video
|
|
*/
|
|
const $videoBox = $('.custom-featured-box-with-video');
|
|
|
|
$videoBox.find('.custom-trigger-play-video').on('click', function(e){
|
|
e.preventDefault();
|
|
|
|
const $this = $(this);
|
|
|
|
// Show Loading Dots
|
|
$this
|
|
.css('height', $this.outerHeight())
|
|
.html( '<div class="bounce-loader"><div class="bounce1"></div><div class="bounce2"></div><div class="bounce3"></div></div>' );
|
|
|
|
setTimeout(() => {
|
|
|
|
// Hide Video Poster
|
|
$videoBox
|
|
.find('.featured-box-background')
|
|
.addClass('hide');
|
|
|
|
// Hide Video Box Content
|
|
$videoBox
|
|
.find('.box-content')
|
|
.addClass('hide');
|
|
|
|
// Turn the video active
|
|
$videoBox
|
|
.find('.custom-featured-box-video')
|
|
.addClass('active');
|
|
|
|
// Play video
|
|
setTimeout(() => {
|
|
$videoBox
|
|
.find('.custom-featured-box-video')
|
|
.get(0)
|
|
.play();
|
|
}, 500);
|
|
}, 1000);
|
|
});
|
|
})).apply( this, [ jQuery ]); |