wp_underscore_video_template()

56function wp_underscore_video_template() {57	$video_types = wp_get_video_extensions();58	?>59<#  var w_rule = '', classes = [],60		w, h, settings = wp.media.view.settings,61		isYouTube = isVimeo = false;62 63	if ( ! _.isEmpty( data.model.src ) ) {64		isYouTube = data.model.src.match(/youtube|youtu\.be/);65		isVimeo = -1 !== data.model.src.indexOf('vimeo');66	}67 68	if ( settings.contentWidth && data.model.width >= settings.contentWidth ) {69		w = settings.contentWidth;70	} else {71		w = data.model.width;72	}73 74	if ( w !== data.model.width ) {75		h = Math.ceil( ( data.model.height * w ) / data.model.width );76	} else {77		h = data.model.height;78	}79 80	if ( w ) {81		w_rule = 'width: ' + w + 'px; ';82	}83 84	if ( isYouTube ) {85		classes.push( 'youtube-video' );86	}87 88	if ( isVimeo ) {89		classes.push( 'vimeo-video' );90	}91 92#>93<div style="{{ w_rule }}" class="wp-video">94<video controls95	class="wp-video-shortcode {{ classes.join( ' ' ) }}"96	<# if ( w ) { #>width="{{ w }}"<# } #>97	<# if ( h ) { #>height="{{ h }}"<# } #>98	<?php99	$props = array(100		'poster'  => '',101		'preload' => 'metadata',102	);103	foreach ( $props as $key => $value ) :104		if ( empty( $value ) ) {105			?>106		<#107		if ( ! _.isUndefined( data.model.<?php echo $key; ?> ) && data.model.<?php echo $key; ?> ) {108			#> <?php echo $key; ?>="{{ data.model.<?php echo $key; ?> }}"<#109		} #>110			<?php111		} else {112			echo $key113			?>114			="{{ _.isUndefined( data.model.<?php echo $key; ?> ) ? '<?php echo $value; ?>' : data.model.<?php echo $key; ?> }}"115			<?php116		}117	endforeach;118	?>119	<#120	<?php121	foreach ( array( 'autoplay', 'loop' ) as $attr ) :122		?>123	if ( ! _.isUndefined( data.model.<?php echo $attr; ?> ) && data.model.<?php echo $attr; ?> ) {124		#> <?php echo $attr; ?><#125	}126	<?php endforeach; ?>#>127>128	<# if ( ! _.isEmpty( data.model.src ) ) {129		if ( isYouTube ) { #>130		<source src="{{ data.model.src }}" type="video/youtube" />131		<# } else if ( isVimeo ) { #>132		<source src="{{ data.model.src }}" type="video/vimeo" />133		<# } else { #>134		<source src="{{ data.model.src }}" type="{{ settings.embedMimes[ data.model.src.split('.').pop() ] }}" />135		<# }