PluginProbe
VdoCipher: Secure Video Player and Hosting / 1.22
VdoCipher: Secure Video Player and Hosting v1.22
trunk 1.10 1.11 1.12 1.13 1.14 1.15 1.17 1.18 1.19 1.20 1.21 1.22 1.23 1.24 1.25 1.26 1.27 1.28 1.29 1.3 1.30 1.4 1.5 1.6 All 28 releases
← All changes | include/options.php +109 -254 trunk → 1.22 View file →
@@ -1,246 +1,148 @@
1 1 <?php
2 2 if (__FILE__ == $_SERVER['SCRIPT_FILENAME']) {
3 3 header($_SERVER['SERVER_PROTOCOL'] . ' 404 Not Found');
4 - exit("<!DOCTYPE HTML PUBLIC \"-//IETF//DTD HTML 2.0//EN\">\r\n<html lang='en'><head>\r\n<title>404 Not Found</title>\r\n".
4 + exit("<!DOCTYPE HTML PUBLIC \"-//IETF//DTD HTML 2.0//EN\">\r\n<html><head>\r\n<title>404 Not Found</title>\r\n".
5 5 "</head><body>\r\n<h1>Not Found</h1>\r\n<p>The requested URL " . $_SERVER['SCRIPT_NAME'] . " was not found on ".
6 6 "this server.</p>\r\n</body></html>");
7 7 }
8 8 ?>
9 9
10 -<style>
11 - details.vdo_docs {
12 - border: 1px solid #aaa;
13 - border-radius: 4px;
14 - padding: 0.5em 0.5em 0;
15 - max-width: 600px;
16 - margin-top: 15px;
17 - }
18 -
19 - details.vdo_docs ul {
20 - list-style: revert;
21 - padding: revert;
22 - }
23 -
24 - details.vdo_docs > summary {
25 - font-weight: bold;
26 - margin: -0.5em -0.5em 0;
27 - padding: 0.5em;
28 - cursor: pointer;
29 - user-select: none;
30 - }
31 -
32 - details.vdo_docs[open] {
33 - padding: 0.5em;
34 - }
35 -
36 - details.vdo_docs[open] summary {
37 - border-bottom: 1px solid #aaa;
38 - margin-bottom: 0.5em;
39 - }
40 -
41 - details.vdo_docs table {
42 - border: 1px solid #aaaaaa;
43 - border-collapse: collapse;
44 - }
45 - details.vdo_docs td, details.vdo_docs th {
46 - border: 1px solid #aaaaaa;
47 - padding: 5px 10px;
48 - }
49 -
50 -</style>
51 -
52 10 <div class="wrap">
53 11 <h2>VdoCipher Options</h2>
54 12
55 -<details style="width: min(100%, 500px);background: #ffffff;padding: 5px 20px;" open>
56 - <summary style="cursor: pointer">Any questions or feedback for us?</summary>
57 - <p>
58 - Send us your questions and feedback from <a target="_blank" href="https://www.vdocipher.com/dashboard/zen-desk">the "Support" section in your vdocipher dashboard</a> or send email to <a href="mailto:support@vdocipher.com">support@vdocipher.com</a>
59 - </p>
60 -</details>
61 -<?php include('shortcode-doc.html') ?>
62 -
63 13 <form name="vdoOptionForm" method="post" action="options.php">
64 14 <?php
65 15 settings_fields('vdo_option-group');
66 16 do_settings_sections('vdo_option-group');
67 17 ?>
68 - <?php
69 - $existingKey = get_option('vdo_client_key');
70 - $keyIsValid = $existingKey && strlen($existingKey) == 64;
71 - $keyDescriptionDisplay = $keyIsValid ? 'none' : 'block';
72 - $restElementDisplay = $keyIsValid ? 'table-row-group' : 'none';
73 - ?>
18 + <div class="updated">
19 + <p><strong>Status : </strong> Ready to use. You can now embed your videos inside posts and pages.</p>
20 + </div>
74 21 <table class="form-table">
75 - <tbody>
76 22 <tr valign="top">
77 - <th scope="row"><label for="vdo_client_key">API Secret Key</label></th>
78 - <td>
79 - <div style="display: inline-flex;">
80 - <input id="vdo_client_key" name="vdo_client_key" style="width: 640px"
81 - type="password" required minlength="64" maxlength="64"
82 - value="<?php echo esc_attr(get_option('vdo_client_key')); ?>"/>
83 - <button id="toggle_API_visibility" data-protected="On" class="button" type="button">Show API Secret Key</button>
84 - </div>
85 - <p class="description" style="display: <?= $keyDescriptionDisplay ?>">
86 - API Key is a shared secret between your website servers and vdocipher dashboard. To generate this,
87 - login to vdocipher dashboard, go to "Config" > "API Keys". Generate a new key and copy-paste it here.
88 - </p>
89 - </td>
23 + <th scope="row">Client Secret Key</th>
24 + <td><input type="text" name="vdo_client_key"
25 + value="<?php echo esc_attr(get_option('vdo_client_key')); ?>"
26 + max-length="64" style="width: 640px" id="vdo_client_key" /></td>
90 27 </tr>
91 - </tbody>
92 28
93 - <tbody style="display: <?= $restElementDisplay ?>">
94 29 <tr valign="top">
95 - <th scope="row"><label for="vdo_default_width">Default Width</label></th>
96 - <td>
97 - <input id="vdo_default_width" name="vdo_default_width"
98 - type="number" required
99 - value="<?php echo esc_attr(get_option('vdo_default_width')); ?>"
30 + <th scope="row">Default Width</th>
31 + <td><input type="text" id="vdo_default_width" name="vdo_default_width"
32 + value="<?php echo esc_attr(get_option('vdo_default_width')); ?>"
100 33 /></td>
101 34 </tr>
102 35
103 36 <tr valign="top">
104 - <th scope="row"><label for="vdo_default_height">Default Height</label></th>
105 - <td>
106 - <input type="text" id="vdo_default_height" name="vdo_default_height"
107 - required pattern="^auto|\d+$"
108 - value="<?php echo esc_attr(get_option('vdo_default_height')); ?>"/>
109 - <p class="description">Can be either "auto" or a number. Set to "auto" height and max width for responsive layout.</p>
110 - </td>
37 + <th scope="row">Default Height</th>
38 + <td><input type="text" id="vdo_default_height" name="vdo_default_height"
39 + value="<?php echo esc_attr(get_option('vdo_default_height')); ?>"
40 + /></td>
111 41 </tr>
112 42
113 - <tr>
114 - <th scope="row"><label for="vdo_player_speed">Playback speed</label></th>
115 - <td>
116 - <input type="text" id="vdo_player_speed" name="vdo_player_speed"
117 - pattern="^\d.\d{1,2}(,\d.\d{1,2})+$"
118 - value="<?php echo esc_attr(get_option('vdo_player_speed')); ?>"
119 - />
120 - <p class="description">Speed can be defined as comma separated decimal values e.g. 0.75,1.0,1.25,1.5,1.75,2.0</p>
121 - <p class="description">With player v2, there is an option to set this as part of custom player configuration. This setting will override any options set as part of custom player.</p>
122 - </td>
123 - </tr>
124 -
125 43 <!-- Version Number -->
126 44 <?php
127 - $existingVersion = get_option('vdo_embed_version');
128 - $embedVersionDisplay = 'none';
129 - if ($existingVersion !== false && $existingVersion !== VDOCIPHER_PLAYER_VERSION) {
130 - $embedVersionDisplay = 'table-row';
131 - } ?>
45 + if ((get_option('vdo_embed_version')) == false) {
46 + update_option('vdo_embed_version', '1.6.4');
47 + }
48 + ?>
132 49 <tr valign="top">
133 - <?php
134 - function vdo_selected($match) {
135 - $existingEmbedVersion = get_option('vdo_embed_version');
136 - // global $existingEmbedVersion;
137 - // return $GLOBALS['existingEmbedVersion'] ;
138 - return $existingEmbedVersion === $match ? 'selected="selected"' : '';
139 - }
140 - ?>
141 - <th scope="row"><label for="vdo_embed_version">Player Version</label></th>
142 - <td>
143 - <div style="display: inline-flex">
144 - <select name="vdo_embed_version" id="vdo_embed_version" onchange="" autocomplete="off">
145 - <option value="1.6.10" <?= vdo_selected('1.6.10') ?>>v1</option>
146 - <option value="v2" <?= vdo_selected('v2') ?>>v2 (Recommended)</option>
147 - </select>
148 - </div>
149 - <?php include( 'player-versions-doc.php' ) ?>
150 - </td>
50 + <th scope="row">Player Version</th>
51 + <td>
52 + <div style="display: inline-flex">
53 + <select id="vdo_embed_version">
54 + <?php
55 + $vdo_embed_version_vars = array(
56 + '0.5', '1.0.0', '1.1.0', '1.1.3', '1.2.7', '1.3.3', '1.4.5','1.5.0','1.6.4'
57 + );
58 + $vdo_embed_version_str = get_option('vdo_embed_version');
59 + foreach ($vdo_embed_version_vars as $vdo_embed_version_var) {
60 + if ($vdo_embed_version_str == $vdo_embed_version_var) {
61 + $selected = 'selected';
62 + } else {
63 + $selected = '';
64 + }
65 + switch ($vdo_embed_version_var) {
66 + case '0.5':
67 + $version_old_new = ' (old player)';
68 + break;
69 + case '1.6.4':
70 + $version_old_new = ' (newest player)' ;
71 + break;
72 + default:
73 + $version_old_new = ' (new player)';
74 + break;
75 + }
76 + ?>
77 + <option value="<?php echo $vdo_embed_version_var; ?>" <?php echo $selected; ?> >
78 + <?php echo $vdo_embed_version_var . $version_old_new ; ?>
79 + </option>
80 + <?php } ?>
81 + <option value="Custom Version">
82 + <?php echo 'Custom Version' ?>
83 + </option>
84 + </select>
85 + <input type="text" name="vdo_embed_version"
86 + id="vdo_custom_version"
87 + style="margin-left:20px; position: relative; width:120px;" />
88 + </div>
89 + <p class="description">It is recommended that you use the latest player version for best video playback.</p>
90 + </td>
151 91 </tr>
152 92
153 93 <!-- Player Theme Options -->
154 94 <?php
155 - /**
156 - * if the player is v1 and non-standard theme, then only allow disabling non-standard themes
157 - * if the player is v1 and standard theme, do not show anything
158 - * if the player is v2, allow adding player IDs. But validate the length of id
159 - *
160 - * This can be implemented in both PHP and JS. But if the JS is essential, then we can skip
161 - * writing in PHP and run the JS function after page load.
162 - */
163 - $existingTheme = get_option('vdo_player_theme');
95 + if ((get_option('vdo_player_theme')) == false) {
96 + update_option('vdo_player_theme', '9ae8bbe8dd964ddc9bdb932cca1cb59a');
97 + }
164 98 ?>
165 - <tr valign="top" id="vdo_theme_editing_row" >
166 - <th scope="row">
167 - <label for="vdo_player_theme">Player ID</label>
168 - <br />
169 - <small style="font-weight: normal"><em>Leave this blank for using default theme. Player id can also be specified in the shortcode if needed to be different for different videos.</em></small>
170 - </th>
99 + <tr valign="top">
100 + <th scope="row">Player Theme</th>
171 101 <td>
172 - <div style="display:inline-flex; margin-bottom:10px;">
173 - <input
174 - type="text"
175 - name="vdo_player_theme"
176 - id="vdo_player_theme"
177 - value="<?php echo $existingTheme; ?>"
178 - maxlength="32"
179 - style="width: 320px"
180 - />
181 - <p class="vdo_saveChangeMessage" style="display: none; font-style: italic">Click on "save changes" below to confirm</p>
182 - <button id="vdo_setDefaultThemeBtn" style="display: none" class="button" type="button">Revert to default theme</button><br/>
183 - <script>
184 - (function () {
185 - const themeInputRow = document.querySelector('#vdo_theme_editing_row');
186 - const themeInputField = themeInputRow.querySelector('input');
187 - const playerVersionField = document.querySelector('[name=vdo_embed_version]');
188 - const setDefaultButton = document.querySelector('#vdo_setDefaultThemeBtn');
189 - playerVersionField.addEventListener('change', updateThemeInput);
190 - const defaultV1Theme = '9ae8bbe8dd964ddc9bdb932cca1cb59a';
191 - const originalTheme = "<?= get_option('vdo_player_theme') ?>";
192 - let resetV2Theme, resetV1Theme;
193 - function updateThemeInput() {
194 - if (playerVersionField.value === 'v2') {
195 - themeInputRow.style.display = '';
196 - if (themeInputField.value.match(/^\w{32}$/)) resetV1Theme = themeInputField.value;
197 - if (resetV2Theme) themeInputField.value = resetV2Theme;
198 - // if the input is not valid for v2, clear the field
199 - if (!themeInputField.value.match(/^\w{16}$/)) themeInputField.value = '';
200 - // set the max and min length for v2 players
201 - themeInputField.setAttribute('maxlength', '16');
202 - themeInputField.setAttribute('minlength', '16');
203 - setDefaultButton.style.display = 'none';
204 - } else {
205 - // if input valid for v2, save in reset variable
206 - if (themeInputField.value.match(/^\w{16}$/)) resetV2Theme = themeInputField.value;
207 - if (resetV1Theme) themeInputField.value = resetV1Theme;
208 - // if input is not valid for v1, reset to default theme
209 - if (!themeInputField.value.match(/^\w{32}$/)) themeInputField.value = defaultV1Theme;
210 - themeInputField.setAttribute('maxlength', '32');
211 - themeInputField.setAttribute('minlength', '32');
212 - // if original theme was some custom v1 theme, hide the entire row
213 - // else, show reset button
214 - if (originalTheme.length !== 32 || originalTheme === defaultV1Theme) {
215 - themeInputRow.style.display = 'none';
216 - } else {
217 - setDefaultButton.style.display = '';
218 - setDefaultButton.addEventListener('click', (e) => {
219 - e.preventDefault();
220 - themeInputField.value = '9ae8bbe8dd964ddc9bdb932cca1cb59a'
221 - e.target.style.display = 'none';
222 - e.target.parentElement.querySelector('.vdo_saveChangeMessage').style.display = '';
223 - });
224 - }
225 - }
226 - }
227 - setTimeout(() => {
228 - updateThemeInput();
229 - }, 0);
230 - })()
231 - </script>
232 - </div>
233 - <?php include('player-id-doc.html'); ?>
102 + <input type="text" name="vdo_player_theme"
103 + value="<?php echo esc_attr(get_option('vdo_player_theme')); ?>" max-length = "32" style="width: 320px"
104 + />
105 + <p class="description">
106 + Player theme is not available for old player version(0.5). The default theme will be applied for old player.
107 + </p>
234 108 </td>
235 109 </tr>
236 110 <!-- Player Theme Options end-->
237 111
112 + <!-- Player Watermark option - Flash/ HTML5 starts -->
113 + <tr id="vdo_watermark_html_flash" valign="top">
114 + <th scope="row"> Choice of Watermark </th>
115 + <td>
116 + <?php
117 + if ((get_option(vdo_watermark_flash_html) == 'html5')) {
118 + $vdocheckedhtml5 = 'checked';
119 + $vdocheckedflash = '';
120 + } elseif ((get_option(vdo_watermark_flash_html) == 'flash')) {
121 + $vdocheckedhtml5 = '';
122 + $vdocheckedflash = 'checked';
123 + }
124 + ?>
125 + <input type="radio" class="vdo-htmlflash"
126 + value="html5" name="vdo_watermark_flash_html"
127 + id="vdo_html5" <?php echo $vdocheckedhtml5; ?> >
128 + <label for="vdo_html5">HTML5 (Overlay)</label>
129 + &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;
130 + <input type="radio" class="vdo-htmlflash"
131 + value="flash" name="vdo_watermark_flash_html"
132 + id="vdo_flash" <?php echo $vdocheckedflash; ?> >
133 + <label for="vdo_flash">Flash (Hard-Coded)</label>
134 + </td>
135 + </tr>
136 + <!-- Player Watermark option - Flash/ HTML5 ends -->
137 +
138 +
238 139 <tr valign="top">
239 - <th scope="row"><label for="vdo_watermarkjson">Annotation Statement</label></th>
140 + <th scope="row">Annotation Statement</th>
240 141 <td>
241 142 <div style="display: inline-flex;">
242 - <textarea name="vdo_annotate_code" id="vdo_watermarkjson" rows="6" cols="55" style="font-family: monospace"
143 + <textarea name="vdo_annotate_code" id="vdo_watermarkjson"
144 + type="textarea" rows="6" cols="55" style="display: float-left"
243 145 ><?php
244 146 if (get_option('vdo_annotate_code') != "") {
245 147 echo get_option('vdo_annotate_code');
246 148 $vdo_annotation_code = get_option('vdo_annotate_code');
@@ -262,66 +164,19 @@
262 164 </a>
263 165 </p>
264 166 </td>
265 167 </tr>
266 -
267 - <!-- Advanced Options -->
268 -
269 - <tr valign="top">
270 - <th scope="row"></th>
271 - <td>
272 - <details>
273 - <summary style="cursor: pointer">Advanced Options</summary>
274 - <div style="margin: 40px 0">
275 - <div style="display: inline-flex;">
276 - <div style="width: 300px;">
277 - <label for="vdo_send_user_id_in_api"><strong>Track userId with each video session</strong></label>
278 - </div>
279 - <div>
280 - <input type="checkbox" name="vdo_send_user_id_in_api" id="vdo_send_user_id_in_api"
281 - value="true" <?php echo esc_attr(get_option('vdo_send_user_id_in_api')) == 'true' ? 'checked' : ''; ?>/>
282 - </div>
283 - </div>
284 - <p class="description">
285 - Sending the userId with each dynamically generated embed code makes it possible to track userId<br>
286 - for higher security. It provides piracy tracking and watch time analytics. The primary key of<br>
287 - your users table is used for this purpose.
288 - </p>
289 - </div>
290 - <div style="margin: 40px 0">
291 - <div style="display: inline-flex;">
292 - <div style="width: 300px;">
293 - <label for="vdo_show_plugin_in_sidebar"><strong>Show VdoCipher in sidebar</strong></label>
294 - </div>
295 - <div>
296 - <input type="checkbox" name="vdo_show_plugin_in_sidebar" id="vdo_show_plugin_in_sidebar"
297 - value="true" <?php echo esc_attr(get_option('vdo_show_plugin_in_sidebar')) == 'true' ? 'checked' : ''; ?>/>
298 - </div>
299 - </div>
300 - <p class="description">
301 - Not recommended to be changed. Mark this option unchecked if you like to hide the VdoCipher settings page from the sidebar.<br/>
302 - Once changed, you will need to access this page from inside the Wordpress Settings / Plugins page.
303 - </p>
304 - </div>
305 - </details>
306 -
307 - </td>
308 - </tr>
309 -
310 - <!-- Footer -->
311 - <tr style="display:none;">
312 - <td>Plugin version no.: </td>
313 - <td><input
314 - id="vdo_plugin_version" name="vdo_plugin_version" type="hidden"
315 - value="<?php echo esc_attr(get_option('vdo_plugin_version')); ?>" readonly>
316 - </td>
317 - </tr>
318 -
319 - </tbody>
320 168 </table>
321 169 <?php
322 170 wp_enqueue_script('vdo_validate_watermark', plugin_dir_url(__FILE__).'js/validatewatermark.js');
323 - wp_enqueue_script('vdo_hide_key', plugin_dir_url(__FILE__).'js/showkey.js');
171 + wp_localize_script('vdo_validate_watermark', 'vdoValidateWatermark', array(
172 + 'vdoWatermark' => $vdo_annotation_code
173 + ));
174 + wp_enqueue_script('vdo_html_flash_choice', plugin_dir_url(__FILE__).'js/flashhtml5choice.js');
175 + wp_localize_script('vdo_html_flash_choice', 'vdoVD', array(
176 + 'vdoAV' => $vdo_embed_version_vars,
177 + 'vdoSV' => $vdo_embed_version_str
178 + ));
324 179 ?>
325 180 <?php submit_button(); ?>
326 181 </form>
327 182 </div>