92 lines
2.9 KiB
JavaScript
92 lines
2.9 KiB
JavaScript
( function( $ ) {
|
|
|
|
$( '.hentry.format-video .entry-media embed, .hentry.format-video .entry-media iframe, .hentry.format-video .entry-media object, .video-wrapper embed, .video-wrapper iframe, .video-wrapper object' ).each( function() {
|
|
|
|
if ( ! $( this ).attr( 'data-ratio' ) ) {
|
|
$( this ).attr( 'data-ratio', this.height / this.width )
|
|
.attr( 'data-width', this.width )
|
|
.attr( 'data-height', this.height );
|
|
}
|
|
|
|
} );
|
|
|
|
function responsive_videos() {
|
|
|
|
$( '.video-wrapper embed, .video-wrapper iframe, .video-wrapper object' ).each( function() {
|
|
|
|
if ( $( this ).parents( '.wp-block-column' ).length ) {
|
|
return;
|
|
}
|
|
|
|
var video_ratio = $( this ).attr( 'data-ratio' ),
|
|
video_width = $( this ).attr( 'data-width' ),
|
|
video_height = $( this ).attr( 'data-height' );
|
|
video_wrapper = $( this ).parent(),
|
|
container_width = video_wrapper.width();
|
|
|
|
if ( video_ratio === 'Infinity' ) {
|
|
container_width = '100%';
|
|
}
|
|
|
|
if ( ! $( this ).parent().hasClass( 'embed-jotform' ) ) {
|
|
$( this ).removeAttr( 'height' )
|
|
.removeAttr( 'width' );
|
|
|
|
if ( video_width > container_width ) {
|
|
$( this ).width( container_width )
|
|
.height( container_width * video_ratio );
|
|
} else {
|
|
$( this ).width( video_width )
|
|
.height( video_height );
|
|
}
|
|
}
|
|
|
|
} );
|
|
|
|
$( '.hentry.format-video .entry-media embed, .hentry.format-video .entry-media iframe, .hentry.format-video .entry-media object, .hentry.format-video > .video-wrapper embed, .hentry.format-video > .video-wrapper iframe, .hentry.format-video > .video-wrapper object, .portfolio-entry embed, .portfolio-entry iframe, .portfolio-entry object' ).each( function() {
|
|
|
|
if ( $( this ).parents( '.wp-block-column' ).length ) {
|
|
return;
|
|
}
|
|
|
|
var video_ratio = $( this ).attr( 'data-ratio' ),
|
|
video_wrapper = $( this ).parent();
|
|
|
|
if( $( window ).width() < 768 ) {
|
|
var container_width = video_wrapper.width() + 40; // $vspacing * 2
|
|
} else if( $( window ).width() < 960 ) {
|
|
var container_width = video_wrapper.width() + 80; // $vspacing-double * 2
|
|
} else {
|
|
var container_width = video_wrapper.width();
|
|
}
|
|
|
|
$( this )
|
|
.removeAttr( 'height' )
|
|
.removeAttr( 'width' )
|
|
.width( container_width )
|
|
.height( container_width * video_ratio );
|
|
|
|
} );
|
|
|
|
}
|
|
|
|
responsive_videos();
|
|
|
|
$( window ).load( responsive_videos ).resize( _.debounce( responsive_videos, 100 ) );
|
|
$( document ).on( 'post-load', function() {
|
|
|
|
$( '.hentry.format-video .entry-media embed, .hentry.format-video .entry-media iframe, .hentry.format-video .entry-media object, .video-wrapper embed, .video-wrapper iframe, .video-wrapper object' ).each( function() {
|
|
|
|
if ( ! $( this ).attr( 'data-ratio' ) ) {
|
|
$( this ).attr( 'data-ratio', this.height / this.width )
|
|
.attr( 'data-width', this.width )
|
|
.attr( 'data-height', this.height );
|
|
}
|
|
|
|
} );
|
|
|
|
responsive_videos();
|
|
|
|
} );
|
|
|
|
} )( jQuery );
|