dialog-video.php
14.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
<?php if( !defined( 'ABSPATH') ) exit(); ?>
<!-- //Youtube dialog: -->
<div id="dialog_video" class="dialog-video" title="<?php _e('Add Video Layout', REVSLIDER_TEXTDOMAIN); ?>" style="display:none">
<form name="video_dialog_form" onkeypress="return event.keyCode != 13;">
<div id="video_content" style="display:none"></div>
<div id="video-dialog-wrap">
<div id="video_dialog_tabs" class="box-closed tp-accordion disabled" style="border-bottom:5px solid #ddd; background:#fff">
<ul class="rs-layer-settings-tabs">
<li data-content="#rs-video-source" id="reset_video_dialog_tab" class="selected"><i style="height:45px" class="rs-mini-layer-icon eg-icon-export rs-toolbar-icon"></i><?php _e('Source', REVSLIDER_TEXTDOMAIN); ?></li>
<li data-content="#rs-video-size"><i style="height:45px; font-size:16px" class="rs-mini-layer-icon eg-icon-resize-full-alt rs-toolbar-icon"></i><?php _e('Sizing', REVSLIDER_TEXTDOMAIN); ?></li>
<li data-content="#rs-video-settings"><i style="height:45px; font-size:16px" class="rs-mini-layer-icon eg-icon-cog rs-toolbar-icon"></i><?php _e('Settings', REVSLIDER_TEXTDOMAIN); ?></li>
<li data-content="#rs-video-thumbnails"><i style="height:45px; font-size:16px" class="rs-mini-layer-icon eg-icon-eye rs-toolbar-icon"></i><?php _e('Visibility', REVSLIDER_TEXTDOMAIN); ?></li>
<li data-content="#rs-video-arguments"><i style="height:45px; font-size:16px" class="rs-mini-layer-icon eg-icon-th rs-toolbar-icon"></i><?php _e('Arguments', REVSLIDER_TEXTDOMAIN); ?></li>
</ul>
<div style="clear:both"></div>
</div>
</div>
<div id="rs-video-source">
<!-- Type chooser -->
<div id="video_type_chooser" class="video-type-chooser" style="margin-bottom:25px">
<label><?php _e('Choose video type', REVSLIDER_TEXTDOMAIN); ?></label>
<input type="radio" checked id="video_radio_youtube" name="video_select">
<span for="video_radio_youtube"><?php _e('YouTube', REVSLIDER_TEXTDOMAIN); ?></span>
<input type="radio" id="video_radio_vimeo" name="video_select" style="margin-left:20px">
<span for="video_radio_vimeo"><?php _e('Vimeo', REVSLIDER_TEXTDOMAIN); ?></span>
<input type="radio" id="video_radio_html5" name="video_select" style="margin-left:20px">
<span for="video_radio_html5"><?php _e('HTML5', REVSLIDER_TEXTDOMAIN); ?></span>
<span class="rs-show-when-youtube-stream" style="display: none;">
<input type="radio" id="video_radio_streamyoutube" name="video_select" style="margin-left:20px">
<span for="video_radio_streamyoutube"><?php _e('From Stream', REVSLIDER_TEXTDOMAIN); ?></span>
</span>
<span class="rs-show-when-vimeo-stream" style="display: none;">
<input type="radio" id="video_radio_streamvimeo" name="video_select" style="margin-left:20px">
<span for="video_radio_streamvimeo"><?php _e('From Stream', REVSLIDER_TEXTDOMAIN); ?></span>
</span>
<span class="rs-show-when-instagram-stream" style="display: none;">
<input type="radio" id="video_radio_streaminstagram" name="video_select" style="margin-left:20px">
<span for="video_radio_streaminstagram"><?php _e('From Stream', REVSLIDER_TEXTDOMAIN); ?></span>
</span>
</div>
<!-- Vimeo block -->
<div id="video_block_vimeo" class="video-select-block" style="display:none;" >
<label><?php _e('Vimeo ID or URL', REVSLIDER_TEXTDOMAIN); ?></label>
<input type="text" id="vimeo_id" value="">
<input type="button" style="vertical-align:middle" id="button_vimeo_search" class="button-regular video_search_button" value="search">
<span class="video_example"><?php _e('example: 30300114', REVSLIDER_TEXTDOMAIN); ?></span>
<img id="vimeo_loader" src="<?php echo RS_PLUGIN_URL; ?>/admin/assets/images/loader.gif" style="display:none">
</div>
<!-- Youtube block -->
<div id="video_block_youtube" class="video-select-block">
<label><?php _e('YouTube ID or URL', REVSLIDER_TEXTDOMAIN); ?></label>
<input type="text" id="youtube_id" value="">
<input type="button" style="vertical-align:middle" id="button_youtube_search" class="button-regular video_search_button" value="search">
<span class="video_example"><?php _e('example', REVSLIDER_TEXTDOMAIN); ?>: <?php echo RevSliderGlobals::YOUTUBE_EXAMPLE_ID; ?></span>
<img id="youtube_loader" src="<?php echo RS_PLUGIN_URL; ?>/admin/assets/images/loader.gif" style="display:none">
</div>
<!-- Html 5 block -->
<div id="video_block_html5" class="video-select-block" style="display:none;">
<label><?php _e('Poster Image Url', REVSLIDER_TEXTDOMAIN); ?></label>
<input style="width:330px" type="text" id="html5_url_poster" name="html5_url_poster" value="">
<span class="imgsrcchanger-div" style="margin-left:20px;">
<a href="javascript:void(0)" class="button-image-select-html5-video button-primary revblue" ><?php _e('Set Image', REVSLIDER_TEXTDOMAIN); ?></a>
</span>
<span class="video_example"><?php _e('example', REVSLIDER_TEXTDOMAIN); ?>: http://video-js.zencoder.com/oceans-clip.png</span>
<label><?php _e('Video MP4 Url', REVSLIDER_TEXTDOMAIN); ?></label>
<input style="width:330px" type="text" id="html5_url_mp4" name="html5_url_mp4" value="">
<span class="vidsrcchanger-div" style="margin-left:20px;">
<a href="javascript:void(0)" data-inptarget="html5_url_mp4" class="button_change_video button-primary revblue" ><?php _e('Set Video', REVSLIDER_TEXTDOMAIN); ?></a>
</span>
<span class="video_example"><?php _e("example",REVSLIDER_TEXTDOMAIN); ?>: http://video-js.zencoder.com/oceans-clip.mp4</span>
<label><?php _e('Video WEBM Url', REVSLIDER_TEXTDOMAIN); ?></label>
<input style="width:330px" type="text" id="html5_url_webm" name="html5_url_webm" value="">
<span class="vidsrcchanger-div" style="margin-left:20px;">
<a href="javascript:void(0)" data-inptarget="html5_url_webm" class="button_change_video button-primary revblue" ><?php _e('Set Video', REVSLIDER_TEXTDOMAIN); ?></a>
</span>
<span class="video_example"><?php _e('example',REVSLIDER_TEXTDOMAIN); ?>: http://video-js.zencoder.com/oceans-clip.webm</span>
<label><?php _e('Video OGV Url', REVSLIDER_TEXTDOMAIN); ?></label>
<input style="width:330px" type="text" id="html5_url_ogv" name="html5_url_ogv" value="">
<span class="vidsrcchanger-div" style="margin-left:20px;">
<a href="javascript:void(0)" data-inptarget="html5_url_ogv" class="button_change_video button-primary revblue" ><?php _e('Set Video', REVSLIDER_TEXTDOMAIN); ?></a>
</span>
<span class="video_example"><?php _e('example', REVSLIDER_TEXTDOMAIN); ?>: http://video-js.zencoder.com/oceans-clip.ogv</span>
</div>
</div>
<div id="rs-video-size" style="display:none">
<!-- Video Sizing -->
<div id="video_size_wrapper" class="youtube-inputs-wrapper">
<label for="input_video_fullwidth"><?php _e('Full Screen:', REVSLIDER_TEXTDOMAIN); ?></label>
<input type="checkbox" class="tp-moderncheckbox rs-staticcustomstylechange tipsy_enabled_top" id="input_video_fullwidth">
<div class="clearfix mb10"></div>
</div>
<label for="input_video_cover" class="video-label"><?php _e('Force Cover:', REVSLIDER_TEXTDOMAIN); ?></label>
<input type="checkbox" class="checkbox_video_dialog tp-moderncheckbox mb10" id="input_video_cover">
<div id="fullscreenvideofun1" class="video-settings-line">
<label for="input_video_dotted_overlay" class="video-label" id="input_video_dotted_overlay_lbl">
<?php _e('Dotted Overlay:', REVSLIDER_TEXTDOMAIN); ?>
</label>
<select id="input_video_dotted_overlay" style="width:100px">
<option value="none"><?php _e('none',REVSLIDER_TEXTDOMAIN); ?></option>
<option value="twoxtwo"><?php _e('2 x 2 Black',REVSLIDER_TEXTDOMAIN); ?></option>
<option value="twoxtwowhite"><?php _e('2 x 2 White',REVSLIDER_TEXTDOMAIN); ?></option>
<option value="threexthree"><?php _e('3 x 3 Black',REVSLIDER_TEXTDOMAIN); ?></option>
<option value="threexthreewhite"><?php _e('3 x 3 White',REVSLIDER_TEXTDOMAIN); ?></option>
</select>
<div class="clearfix mb10"></div>
<label for="input_video_ratio" class="video-label" id="input_video_ratio_lbl">
<?php _e('Aspect Ratio:', REVSLIDER_TEXTDOMAIN); ?>
</label>
<select id="input_video_ratio" style="width:100px">
<option value="16:9"><?php _e('16:9',REVSLIDER_TEXTDOMAIN); ?></option>
<option value="4:3"><?php _e('4:3',REVSLIDER_TEXTDOMAIN); ?></option>
</select>
</div>
</div>
<div id="rs-video-settings" style="display:none">
<div class="mb10">
<label for="input_video_loop"><?php _e("Loop Video:",REVSLIDER_TEXTDOMAIN); ?></label>
<?php /* <input type="checkbox" class="checkbox_video_dialog mtop_13" id="input_video_loop" > */ ?>
<select id="input_video_loop" style="width: 200px;">
<option value="none"><?php _e('Disable', REVSLIDER_TEXTDOMAIN); ?></option>
<option value="loop"><?php _e('Loop, Slide is paused', REVSLIDER_TEXTDOMAIN); ?></option>
<option value="loopandnoslidestop"><?php _e('Loop, Slide does not stop', REVSLIDER_TEXTDOMAIN); ?></option>
</select>
</div>
<div class="mb10">
<label for="input_video_autoplay"><?php _e('Autoplay:', REVSLIDER_TEXTDOMAIN); ?></label>
<select id="select_video_autoplay">
<option value="false"><?php _e('Off', REVSLIDER_TEXTDOMAIN); ?></option>
<option value="true"><?php _e('On', REVSLIDER_TEXTDOMAIN); ?></option>
<option value="1sttime"><?php _e('On 1st Time', REVSLIDER_TEXTDOMAIN); ?></option>
<option value="no1sttime"><?php _e('Not on 1st Time', REVSLIDER_TEXTDOMAIN); ?></option>
</select>
</div>
<div class="mb10">
<label for="input_video_stopallvideo"><?php _e('Stop Other Videos:', REVSLIDER_TEXTDOMAIN); ?></label>
<input type="checkbox" class="checkbox_video_dialog tp-moderncheckbox" id="input_video_stopallvideo" >
</div>
<div class="mb10">
<label for="input_video_nextslide"><?php _e('Next Slide On End:', REVSLIDER_TEXTDOMAIN); ?></label>
<input type="checkbox" class="checkbox_video_dialog tp-moderncheckbox" id="input_video_nextslide" >
</div>
<div class="mb10">
<label for="input_video_force_rewind"><?php _e('Rewind at Slide Start:', REVSLIDER_TEXTDOMAIN); ?></label>
<input type="checkbox" class="checkbox_video_dialog tp-moderncheckbox" id="input_video_force_rewind" >
</div>
<div class="mb10 hide-for-vimeo">
<label for="input_video_control"><?php _e('Hide Controls:', REVSLIDER_TEXTDOMAIN); ?></label>
<input type="checkbox" class="checkbox_video_dialog tp-moderncheckbox" id="input_video_control" >
</div>
<div class="mb10">
<label for="input_video_mute"><?php _e('Mute:', REVSLIDER_TEXTDOMAIN); ?></label>
<input type="checkbox" class="checkbox_video_dialog tp-moderncheckbox" id="input_video_mute" >
</div>
<div class="mb10 video-volume">
<label for="input_video_volume"><?php _e('Volume (0 - 100):', REVSLIDER_TEXTDOMAIN); ?></label>
<input type="text" class="input_video_dialog" style="width: 50px;" id="input_video_volume" >
</div>
<div class="mb10">
<label for="input_video_start_at"><?php _e('Start at:', REVSLIDER_TEXTDOMAIN); ?></label>
<input type="text" id="input_video_start_at" style="width: 50px;"> <?php _e('i.e.: 0:17', REVSLIDER_TEXTDOMAIN); ?>
</div>
<div class="mb10">
<label for="input_video_end_at"><?php _e('End at:', REVSLIDER_TEXTDOMAIN); ?></label>
<input type="text" id="input_video_end_at" style="width: 50px;"> <?php _e('i.e.: 2:41', REVSLIDER_TEXTDOMAIN); ?>
</div>
<div class="mb10">
<label for="input_video_show_cover_pause"><?php _e('Show Cover at Pause:', REVSLIDER_TEXTDOMAIN); ?></label>
<input type="checkbox" class="checkbox_video_dialog tp-moderncheckbox" id="input_video_show_cover_pause" >
</div>
<div id="rev-youtube-options" class="video-settings-line mb10">
<label for="input_video_speed"><?php _e('Video Speed:', REVSLIDER_TEXTDOMAIN); ?></label>
<select id="input_video_speed" style="width:75px">
<option value="0.25"><?php _e('0.25', REVSLIDER_TEXTDOMAIN); ?></option>
<option value="0.50"><?php _e('0.50', REVSLIDER_TEXTDOMAIN); ?></option>
<option value="1"><?php _e('1', REVSLIDER_TEXTDOMAIN); ?></option>
<option value="1.5"><?php _e('1.5', REVSLIDER_TEXTDOMAIN); ?></option>
<option value="2"><?php _e('2', REVSLIDER_TEXTDOMAIN); ?></option>
</select>
</div>
<div id="rev-html5-options" style="display: none; mb10">
<label for="input_video_preload" class="video-label">
<?php _e("Video Preload:",REVSLIDER_TEXTDOMAIN)?>
</label>
<select id="input_video_preload" style="width:200px">
<option value="auto"><?php _e('Auto', REVSLIDER_TEXTDOMAIN); ?></option>
<option value="none"><?php _e('Disable', REVSLIDER_TEXTDOMAIN); ?></option>
<option value="metadata"><?php _e('Metadata', REVSLIDER_TEXTDOMAIN); ?></option>
</select>
</div>
</div>
<div id="rs-video-thumbnails" style="display:none">
<div id="preview-image-video-wrap" class="mb10">
<label><?php _e('Preview Image', REVSLIDER_TEXTDOMAIN); ?></label>
<input type="text" class="checkbox_video_dialog " id="input_video_preview">
<input type="button" id="" class="button-image-select-video button-primary revblue" value="<?php _e('Image Library', REVSLIDER_TEXTDOMAIN); ?>">
<input type="button" id="" class="button-image-select-video-default button-primary revblue" value="<?php _e('Video Thumbnail', REVSLIDER_TEXTDOMAIN); ?>">
<input type="button" id="" class="button-image-remove-video button-primary revblue" value="<?php _e('Remove', REVSLIDER_TEXTDOMAIN); ?>">
<div class="clear"></div>
</div>
<div class="mb10">
<label for="input_disable_on_mobile"><?php _e('Disable Mobile:', REVSLIDER_TEXTDOMAIN); ?></label>
<input type="checkbox" class="checkbox_video_dialog tp-moderncheckbox" id="input_disable_on_mobile" >
</div>
<div class="mb10">
<label for="input_use_poster_on_mobile"><?php _e('Only Preview on Mobile:', REVSLIDER_TEXTDOMAIN); ?></label>
<input type="checkbox" class="checkbox_video_dialog tp-moderncheckbox" id="input_use_poster_on_mobile" >
<div style="width:100%;height:10px"></div>
</div>
</div>
<div id="rs-video-arguments" style="display:none">
<div>
<label><?php _e('Arguments:', REVSLIDER_TEXTDOMAIN); ?></label>
<input type="text" id="input_video_arguments" style="width:350px;" value="" data-youtube="<?php echo RevSliderGlobals::DEFAULT_YOUTUBE_ARGUMENTS; ?>" data-vimeo="<?php echo RevSliderGlobals::DEFAULT_VIMEO_ARGUMENTS; ?>" >
</div>
</div>
<div class="add-button-wrapper" style="margin-left:25px;">
<a href="javascript:void(0)" class="button-primary revblue" id="button-video-add" data-textadd="<?php _e('Add This Video', REVSLIDER_TEXTDOMAIN); ?>" data-textupdate="<?php _e('Update Video', REVSLIDER_TEXTDOMAIN); ?>" ><?php _e('Add This Video', REVSLIDER_TEXTDOMAIN); ?></a>
</div>
</form>
</div>