<?php
$output = $title = $link = $size = $el_class = '';
extract( shortcode_atts( array(
	'title' => '',
	'link' => 'http://vimeo.com/92033601',
	'image' => '',
	'el_class' => '',
	'css' => ''

), $atts ) );
if ( $link == '' ) {
	return null;
}
$el_class = $this->getExtraClass( $el_class );


// Video Preview
if(!empty($image)) {
	$preview = wp_get_attachment_image_src($image, 'full');
	if(!empty($preview[0])) {
		$preview = $preview[0];
	}
	$preview_hidden = '';
} else {
	$preview_hidden = 'preview_hidden';
}

global $wp_embed;
$embed = '<iframe width="950" height="534" src="'.$link.'?feature=oembed" frameborder="0" allowfullscreen=""></iframe>';

$css_class = apply_filters( VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'wpb_video_widget wpb_content_element' . $el_class . $el_class . vc_shortcode_custom_css_class( $css, ' ' ), $this->settings['base'], $atts );

$output .= "\n\t" . '<div class="stm_video_wrapper">';
$output .= "\n\t" . '<div class="' . $css_class . '">';
$output .= "\n\t\t" . '<div class="wpb_wrapper">';
if(!empty($title)):
	$output .= "\n\t" . '<div class="stm_video_wrapper_title">';
	$output .= wpb_widget_title( array( 'title' => $title, 'extraclass' => 'wpb_video_heading' ) );
	$output .= "\n\t" . '</div> ' . $this->endBlockComment( '.stm_video_wrapper_title' );
endif;
$output .= '<div class="stm_theme_wpb_video_wrapper">';
if(!empty($preview)):
	$output .= '<div class="stm_video_preview" style="background-image:url('.$preview.')"></div>';
endif;
$output .= '<div class="wpb_video_wrapper '.$preview_hidden.'">' . $embed . '</div></div>';
$output .= "\n\t\t" . '</div> ' . $this->endBlockComment( '.wpb_wrapper' );
$output .= "\n\t" . '</div> ' . $this->endBlockComment( '.wpb_video_widget' );
$output .= "\n\t" . '</div> ' . $this->endBlockComment( '.stm_video_wrapper' );
echo $output;
?>

<?php if(!empty($link)): ?>
	<script type="text/javascript">
		(function($) {
		    "use strict";
			
			$(document).ready(function ($) {
				stmPlayIframeVideo();
			});
			
			/* Custom func */
			function stmPlayIframeVideo() {
				$('.stm_video_preview').click(function(){
					$(this).addClass('video_preloader_hidden');
					var addPlay = $(this).closest('.stm_video_wrapper').find('iframe').attr('src');
					$(this).closest('.stm_video_wrapper').find('.wpb_video_wrapper').addClass('video_autoplay_true');
					$(this).closest('.stm_video_wrapper').find('iframe').attr('src', addPlay + '&autoplay=1');
				});
			};
			
		})(jQuery);
	</script>
<?php endif; ?>