/** * FitVids 1.1 * * Copyright 2013, Chris Coyier - http://css-tricks.com + Dave Rupert - http://daverupert.com * Credit to Thierry Koblentz - http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/ * Released under the WTFPL license - http://sam.zoy.org/wtfpl/ * * @package WordPress * @subpackage amaThambo * @since 1.0 * @version 1.0 */ ;(function( $ ){ 'use strict'; $.fn.fitVids = function( options ) { var settings = { customSelector: null, ignore: null }; if ( ! document.getElementById( 'fit-vids-style' ) ) { var head = document.head || document.getElementsByTagName( 'head' )[0]; var css = '.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}'; var div = document.createElement( "div" ); div.innerHTML = '

x

'; head.appendChild( div.childNodes[1] ); } if ( options ) { $.extend( settings, options ); } return this.each(function(){ var selectors = [ 'iframe[src*="player.vimeo.com"]', 'iframe[src*="youtube.com"]', 'iframe[src*="youtube-nocookie.com"]', 'iframe[src*="kickstarter.com"][src*="video.html"]', 'object', 'embed' ]; if ( settings.customSelector ) { selectors.push( settings.customSelector ); } var ignoreList = '.fitvidsignore'; if ( settings.ignore ) { ignoreList = ignoreList + ', ' + settings.ignore; } var $allVideos = $( this ).find( selectors.join( ',' ) ); $allVideos = $allVideos.not( 'object object' ); // SwfObj conflict patch $allVideos = $allVideos.not( ignoreList ); // Disable FitVids on this video. $allVideos.each( function( count ) { var $this = $( this ); if ( $this.parents( ignoreList ).length > 0 ) { return; // Disable FitVids on this video. } if ( this.tagName.toLowerCase() === 'embed' && $this.parent( 'object' ).length || $this.parent( '.fluid-width-video-wrapper' ).length) { return; } if ( ( ! $this.css( 'height' ) && ! $this.css( 'width' ) ) && ( isNaN( $this.attr( 'height' ) ) || isNaN( $this.attr( 'width' ) ) ) ) { $this.attr( 'height', 9 ); $this.attr( 'width', 16 ); } var height = ( this.tagName.toLowerCase() === 'object' || ( $this.attr( 'height' ) && ! isNaN( parseInt( $this.attr( 'height' ), 10 ) ) ) ) ? parseInt( $this.attr( 'height' ), 10 ) : $this.height(), width = ! isNaN( parseInt( $this.attr( 'width' ), 10 ) ) ? parseInt( $this.attr( 'width' ), 10 ) : $this.width(), aspectRatio = height / width; if ( ! $this.attr( 'id' ) ) { var videoID = 'fitvid' + count; $this.attr( 'id', videoID ); } $this.wrap( '
' ).parent( '.fluid-width-video-wrapper' ).css( 'padding-top', ( aspectRatio * 100 ) + '%' ); $this.removeAttr( 'height' ).removeAttr( 'width' ); }); }); }; })( window.jQuery || window.Zepto );