

<!-- //Youtube dialog: -->

<div id="dialog_video" class="dialog-video" title="<?php _uge("Add Video Layout",REVSLIDER_TEXTDOMAIN)?>" style="display:none">

	

	<!-- Type chooser -->

		

		<div id="video_type_chooser" class="video-type-chooser">

			<div class="choose-video-type" style="float:left">

				<?php _uge("Choose video type",REVSLIDER_TEXTDOMAIN)?>

			</div>

			<div style="float:left; height:35px;line-height:15px;margin-top:20px;margin-left:30px">

				<label for="video_radio_youtube"><?php _uge("Youtube",REVSLIDER_TEXTDOMAIN)?></label>

				<input type="radio" checked id="video_radio_youtube" name="video_select">

				

				<label for="video_radio_vimeo"><?php _uge("Vimeo",REVSLIDER_TEXTDOMAIN)?></label>

				<input type="radio" id="video_radio_vimeo" name="video_select">

				

				<label for="video_radio_html5"><?php _uge("HTML5",REVSLIDER_TEXTDOMAIN)?></label>

				<input type="radio" id="video_radio_html5" name="video_select">			

			</div>

			<div style="clear:both"></div>			

			

			<hr>

			<div style="width:100%;height:15px;"></div>

		</div>



		

	<div class="video_left" id="video-dialog-wrap">

		

		

		

		<!-- Vimeo block -->

		

		<div id="video_block_vimeo" class="video-select-block" style="display:none;" >

			

			<div class="video-title" >

				<?php _uge("Enter Vimeo ID or URL",REVSLIDER_TEXTDOMAIN)?>

			</div>

			

			<input type="text" id="vimeo_id" value=""></input>

			&nbsp;

			<input type="button" id="button_vimeo_search" class="button-regular" value="search">

			

			<img id="vimeo_loader" src="<?php echo self::$url_plugin?>/images/loader.gif" style="display:none">

			

			<div class="video_example">

				<?php _uge("example:  30300114",REVSLIDER_TEXTDOMAIN)?>

			</div>

		

		</div>

		

		<!-- Youtube block -->

		

		<div id="video_block_youtube" class="video-select-block">

		

			<div class="video-title">

				<?php _uge("Enter Youtube ID or URL",REVSLIDER_TEXTDOMAIN)?>:

			</div>

			

			<input type="text" id="youtube_id" value=""></input>

			&nbsp;

			<input type="button" id="button_youtube_search" class="button-regular" value="search">

			

			<img id="youtube_loader" src="<?php echo self::$url_plugin?>/images/loader.gif" style="display:none">

			

			<div class="video_example">

				<?php _uge("example",REVSLIDER_TEXTDOMAIN)?>:  <?php echo GlobalsRevSlider::YOUTUBE_EXAMPLE_ID?>

			</div>

			

		</div>

		

		<!-- Html 5 block -->

		

		<div id="video_block_html5" class="video-select-block" style="display:none;">

			

			<ul>

				<li style="width:45%;float:left;">

					<div class="video-title">

					<?php _uge("Poster Image Url", REVSLIDER_TEXTDOMAIN)?>:

					</div>

					<input type="text" id="html5_url_poster" value=""></input>

					<span class="video_example"><?php _uge("Example",REVSLIDER_TEXTDOMAIN)?>: http://video-js.zencoder.com/oceans-clip.png</span>

				</li>

				<li style="width:45%;float:left;margin-left:4%;">

					<div class="video-title">				

					<?php _uge("Video MP4 Url", REVSLIDER_TEXTDOMAIN)?>:

					</div>

					<input type="text" id="html5_url_mp4" value=""></input>

					<span class="video_example"><?php _uge("Example",REVSLIDER_TEXTDOMAIN)?>: http://video-js.zencoder.com/oceans-clip.mp4</span>

				</li>

				<li style="clear:both;width:45%;float:left;margin-top:20px;">

					<div class="video-title">								

					<?php _uge("Video WEBM Url", REVSLIDER_TEXTDOMAIN)?>:

					</div>

					<input type="text" id="html5_url_webm" value=""></input>

					<span class="video_example"><?php _uge("Example",REVSLIDER_TEXTDOMAIN)?>: http://video-js.zencoder.com/oceans-clip.webm</span>					

				</li>

				<li style="width:45%;float:left;margin-left:4%;margin-top:20px;">

					<div class="video-title">

					<?php _uge("Video OGV Url", REVSLIDER_TEXTDOMAIN)?>:

					</div>			

					<input type="text" id="html5_url_ogv" value=""></input>

					<span class="video_example"><?php _uge("Example",REVSLIDER_TEXTDOMAIN)?>: http://video-js.zencoder.com/oceans-clip.ogv</span>	

				</li>

				

			</ul>

			

		</div>

		<div style="clear:both"></div>

		

		<!-- Video controls -->

		

		<div id="video_hidden_controls" style="display:none; margin-top:20px;">

			<hr>

			<div class="video-title">

				<?php _uge("Video Size",REVSLIDER_TEXTDOMAIN)?>:

			</div>

					

			<div id="video_size_wrapper" class="youtube-inputs-wrapper">

			

				<label for="input_video_fullwidth" class=" float_left mtop_10">

					<?php _uge("Full Screen:",REVSLIDER_TEXTDOMAIN)?>

				</label>								

				<input type="checkbox" class="checkbox_video_dialog float_left mtop_13 " id="input_video_fullwidth" ></input>

				

				<div class="float_left mleft_20 mtop_10" id="input_video_width_lbl"><?php _uge("Width",REVSLIDER_TEXTDOMAIN)?>:</div>

				<input type="text" id="input_video_width" style="margin-top:5px;" class="video-input-small float_left" value="320">

				

				<div class="float_left mleft_20 mtop_10" id="input_video_height_lbl"><?php _uge("Height",REVSLIDER_TEXTDOMAIN)?>:</div>

				<input type="text" id="input_video_height" style="margin-top:5px;" class="video-input-small float_left" value="240">

				

				<div style="clear:both"></div>

				

				<div class="mtop_10">

					<label for="input_video_cover" class="float_left">

						<?php _uge("Force Cover:",REVSLIDER_TEXTDOMAIN)?>

					</label>				

					<input type="checkbox" class="checkbox_video_dialog float_left " id="input_video_cover" ></input>

				</div>

				

				<div style="clear:both"></div>

				

				<div id="fullscreenvideofun1" class="mtop_20">

					<label for="input_video_dotted_overlay" class="float_left" id="input_video_dotted_overlay_lbl">

						<?php _uge("Dotted Overlay:",REVSLIDER_TEXTDOMAIN)?>

					</label>				

					<select id="input_video_dotted_overlay" style="float: left; margin-top:-5px">

						<option value="none"><?php _uge('none',REVSLIDER_TEXTDOMAIN); ?></option>

						<option value="twoxtwo"><?php _uge('2 x 2 Black',REVSLIDER_TEXTDOMAIN); ?></option>

						<option value="twoxtwowhite"><?php _uge('2 x 2 White',REVSLIDER_TEXTDOMAIN); ?></option>

						<option value="threexthree"><?php _uge('3 x 3 Black',REVSLIDER_TEXTDOMAIN); ?></option>

						<option value="threexthreewhite"><?php _uge('3 x 3 White',REVSLIDER_TEXTDOMAIN); ?></option>

					</select>

					

					<div style="clear: both;"></div>

					

					<label for="input_video_ratio" class="float_left mtop_10" id="input_video_ratio_lbl">

						<?php _uge("Aspect Ratio:",REVSLIDER_TEXTDOMAIN)?>

					</label>				

					<select id="input_video_ratio" style="margin-top:5px">

						<option value="16:9"><?php _uge('16:9',REVSLIDER_TEXTDOMAIN); ?></option>

						<option value="4:3"><?php _uge('4:3',REVSLIDER_TEXTDOMAIN); ?></option>

					</select>

					

				</div>

				<div style="clear:both"></div>

				

			</div>

			

			<div class="mtop_20">

				<hr>

				<div class="video-title">

					<?php _uge("Video Settings",REVSLIDER_TEXTDOMAIN)?>:

				</div>

				

				

				<label for="input_video_autoplay" class="float_left mtop_10 ">

					<?php _uge("Autoplay:",REVSLIDER_TEXTDOMAIN)?>

				</label>

				<input type="checkbox" class="checkbox_video_dialog float_left mtop_13" id="input_video_autoplay" ></input>

				

				<div id="rev-video-loop-wrap" class="float_left" style="display: none;">

					<label for="input_video_loop" class=" float_left mleft_20 mtop_10">

						<?php _uge("Loop Video:",REVSLIDER_TEXTDOMAIN)?>

					</label>				

					<?php /* <input type="checkbox" class="checkbox_video_dialog float_left mtop_13" id="input_video_loop" ></input> */ ?>

					<select id="input_video_loop" style="width: 200px;">

						<option value="none"><?php _uge('Disable', REVSLIDER_TEXTDOMAIN); ?></option>

						<option value="loop"><?php _uge('Loop', REVSLIDER_TEXTDOMAIN); ?></option>

						<option value="loopandnoslidestop"><?php _uge('Loop, Slide does not stop', REVSLIDER_TEXTDOMAIN); ?></option>

					</select>

				</div>

				

				<div id="showautoplayfirsttime" class="float_left">

					<label for="input_video_autoplay_first_time" class="float_left mtop_10 mleft_20">

						<?php _uge("Only 1st Time:",REVSLIDER_TEXTDOMAIN)?>

					</label>

					<input type="checkbox" class="checkbox_video_dialog float_left mtop_13" id="input_video_autoplay_first_time" ></input>

				</div>

				

				<div style="clear:both"></div>	

				

				<label for="input_video_nextslide" class="float_left mtop_10">

					<?php _uge("Next Slide On End:",REVSLIDER_TEXTDOMAIN)?>

				</label>

				<input type="checkbox" class="checkbox_video_dialog float_left mtop_13" id="input_video_nextslide" ></input>

			

				<label for="input_video_force_rewind" class="float_left mtop_10 mleft_20">

					<?php _uge("Force Rewind:",REVSLIDER_TEXTDOMAIN)?>

				</label>

				<input type="checkbox" class="checkbox_video_dialog float_left mtop_13" id="input_video_force_rewind" ></input>

			

			

				<div style="clear:both"></div>	

				<label for="input_video_control" class="float_left mtop_10">

					<?php _uge("Hide Controls:",REVSLIDER_TEXTDOMAIN)?>

				</label>				

				<input type="checkbox" class="checkbox_video_dialog float_left mtop_13" id="input_video_control" ></input>

				

				<label for="input_video_mute" class="float_left mleft_20 mtop_10">

					<?php _uge("Mute:",REVSLIDER_TEXTDOMAIN)?>

				</label>				

				<input type="checkbox" class="checkbox_video_dialog float_left mtop_13" id="input_video_mute" ></input>

				

				<label for="input_disable_on_mobile" class="float_left mleft_20 mtop_10">

					<?php _uge("Disable Mobile:",REVSLIDER_TEXTDOMAIN)?>

				</label>

				<input type="checkbox" class="checkbox_video_dialog float_left mtop_13" id="input_disable_on_mobile" ></input>

				<div class="clear"></div>

				<div id="rev-youtube-options">

					<label for="input_video_speed" class="float_left mtop_10">

						<?php _uge("Video Speed:",REVSLIDER_TEXTDOMAIN)?>

					</label>

					<select id="input_video_speed" style="margin-top: 5px;">

						<option value="0.25"><?php _uge('0.25', REVSLIDER_TEXTDOMAIN); ?></option>

						<option value="0.50"><?php _uge('0.50', REVSLIDER_TEXTDOMAIN); ?></option>

						<option value="1"><?php _uge('1', REVSLIDER_TEXTDOMAIN); ?></option>

						<option value="1.5"><?php _uge('1.5', REVSLIDER_TEXTDOMAIN); ?></option>

						<option value="2"><?php _uge('2', REVSLIDER_TEXTDOMAIN); ?></option>

					</select>

				</div>

				<div id="rev-html5-options" style="display: none;">

					<label for="input_video_preload" class="float_left mtop_10">

						<?php _uge("Video Preload:",REVSLIDER_TEXTDOMAIN)?>

					</label>

					<select id="input_video_preload" style="margin-top: 5px;">

						<option value="auto"><?php _uge('Auto', REVSLIDER_TEXTDOMAIN); ?></option>

						<option value="none"><?php _uge('Disable', REVSLIDER_TEXTDOMAIN); ?></option>

						<option value="metadata"><?php _uge('Metadata', REVSLIDER_TEXTDOMAIN); ?></option>

					</select>

				</div>

				<div class="clear"></div>

			</div>



			<div class="video-title mtop_20" id="preview-image-video-wrap">

				<hr>

				<div class="video-title">

					<?php _uge("Preview Image",REVSLIDER_TEXTDOMAIN)?>:

				</div>



				<input type="button" id="" class="button-image-select-video button-primary revblue" value="<?php _uge("Set",REVSLIDER_TEXTDOMAIN)?>">

				<input type="button" id="" class="button-image-remove-video button-primary revblue" value="<?php _uge("Remove",REVSLIDER_TEXTDOMAIN)?>">

				<input type="hidden" class="checkbox_video_dialog float_left" id="input_video_preview">

				<div class="clear"></div>

				<label for="input_use_poster_on_mobile" class="float_left mtop_10" style="font-weight: 400 !important;">

					<?php _uge("Disable Video on Mobile and use Preview Image:",REVSLIDER_TEXTDOMAIN)?>

				</label>

				<input type="checkbox" class="checkbox_video_dialog float_left mtop_13" id="input_use_poster_on_mobile" ></input>

				<div class="clear"></div>

				

				<div style="width:100%;height:10px"></div>

			</div>

			<div class="clear"></div>

			<hr>

			<div class="video-title mtop_20">

				<?php _uge("Arguments:",REVSLIDER_TEXTDOMAIN)?>

			</div>

					

			<input type="text" id="input_video_arguments" style="width:100%;" value="" data-youtube="<?php echo GlobalsRevSlider::DEFAULT_YOUTUBE_ARGUMENTS?>" data-vimeo="<?php echo GlobalsRevSlider::DEFAULT_VIMEO_ARGUMENTS?>" ></input>

			

			<div class="mtop_20">

				

				

			</div>

			

			<div class="clear"></div>

			<div class="add-button-wrapper">

				<a href="javascript:void(0)" class="button-primary revblue" id="button-video-add" data-textadd="<?php _uge("Add This Video",REVSLIDER_TEXTDOMAIN)?>" data-textupdate="<?php _uge("Update Video",REVSLIDER_TEXTDOMAIN)?>" ><?php _uge("Add This Video",REVSLIDER_TEXTDOMAIN)?></a>

			</div>

			

		</div>

		

	</div>

	

	<div id="video_content" class="video_right" style="display:none"></div>		

	

</div>

