FV Flowplayer Video Player - Version 7.4.17.727

Version Description

2020/04/08 =
New setting - Multiple video playback - enable to allow multiple videos to play at the same time, only the last played video remains audible, the others are muted
Editor - Preview is now using a simpler and faster code
Iframe embedding - when you embed a playlist, it remembers which video did you play when obtaining the iframe embed code
iOS - better way of detecting 403 HTTP errors during playback
Subtitles - improving to show the first matching subtitle line when subtitles are first enabled, until now it would wait before playback time reaches another subtitle line
Volume control - dragging it down to zero mutes the video and shows the un-mute icon, which restores the last volume when clicked
Bugfix - Lightbox - Proper sizing for mobile landscape view
Bugfix - Video duration scanning when posting new files using editor and not using FV Player Pro
Bugfix - Video Position Saving - not working for logged in users in Chrome version >

Release Info

Developer	FolioVision
Plugin	FV Flowplayer Video Player
Version	7.4.17.727
Comparing to
See all releases

Code changes from version 7.4.14.727 to 7.4.17.727

Files changed (36) hide show

controller/frontend.php +12 -3
css/fancybox.css +12 -0
flowplayer.php +3 -3
flowplayer/fv-flowplayer.min.js +1 -1
flowplayer/modules/{audio.module.js → audio-player.module.js} +7 -5
flowplayer/modules/embed.module.js +4 -2
flowplayer/modules/fv-player.js +37 -20
flowplayer/modules/hls-safari-fixes.module.js +54 -32
flowplayer/modules/multiple-playback.module.js +49 -0
flowplayer/modules/playback-position.module.js +286 -144
flowplayer/modules/playlist-controlbar.module.js +1 -1
flowplayer/modules/speed-restore.module.js +5 -1
flowplayer/modules/subtitle.module.js +50 -0
flowplayer/modules/video-links.module.js +3 -8
flowplayer/modules/volume.module.js +40 -0
images/fv-logo.png +0 -0
js/admin.js +2 -1
js/fancybox.js +8 -1
js/shortcode-editor.js +12 -4
models/checker.php +1 -1
models/custom-videos.php +3 -1
models/db.php +1 -1
models/email-subscription.php +6 -2
models/flowplayer-frontend.php +12 -3
models/flowplayer.php +151 -117
models/player-position-save.php +7 -0
readme.txt +13 -1
test/integration/backend/settingsTest.php +5 -0
test/integration/backend/testProfileScreen.html +3 -0
test/integration/backend/testSettingsScreen.html +1020 -400
test/integration/backend/videointelligenceInstallTest.php +5 -0
test/integration/frontend/testSimpleShortcode.html +3 -2
test/integration/frontend/videoPositionSavingTest.php +2 -2
test/integration/fv-player-unittest-case.php +13 -0
test/unit/controller/frontendTest.php +1 -1
view/admin.php +10 -6

controller/frontend.php CHANGED Viewed

	@@ -325,15 +325,20 @@ function flowplayer_prepare_scripts() {
325	$aConf = array( 'fullscreen' => true, 'swf' => $sPluginUrl.'/flowplayer/flowplayer.swf?ver='.$fv_wp_flowplayer_ver, 'swfHls' => $sPluginUrl.'/flowplayer/flowplayerhls.swf?ver='.$fv_wp_flowplayer_ver );
326
327	if( defined('SCRIPT_DEBUG') && SCRIPT_DEBUG ) {
328	- ~~wp_enqueue_script(~~ ~~'flowplayer',~~ ~~flowplayer::get_plugin_url().~~'/flowplayer/modules/flowplayer.min.js'~~, $aDependencies, $fv_wp_flowplayer_ver, true )~~;

329	$aDependencies[] = 'flowplayer';
330	- ~~wp_enqueue_script( 'fv-player', flowplayer::get_plugin_url().'/flowplayer/modules/fv-player.js', $aDependencies, $fv_wp_flowplayer_ver, true );~~


331	$aDependencies[] = 'fv-player';

332	foreach( glob( dirname(dirname(__FILE__)).'/flowplayer/modules/*.js') as $filename ) {
333	if( strcmp(basename($filename),'flowplayer.min.js') == 0 ) continue;
334	if( strcmp(basename($filename),'fv-player.js') == 0 ) continue;
335
336	- ~~wp_enqueue_script( 'fv-player-'.basename(~~$~~filename),~~ ~~flowplayer::get_plugin_url().~~'/flowplayer/modules/'.basename($filename)~~, $aDependencies, $fv_wp_flowplayer_ver, true)~~;

337	}
338
339	} else {
	@@ -420,6 +425,10 @@ function flowplayer_prepare_scripts() {
420	$aConf['hd_streaming'] = true;
421	}
422




423	$aConf['hlsjs'] = array(
424	'startLevel' => -1,
425	'fragLoadingMaxRetry' => 3,


325	$aConf = array( 'fullscreen' => true, 'swf' => $sPluginUrl.'/flowplayer/flowplayer.swf?ver='.$fv_wp_flowplayer_ver, 'swfHls' => $sPluginUrl.'/flowplayer/flowplayerhls.swf?ver='.$fv_wp_flowplayer_ver );
326
327	if( defined('SCRIPT_DEBUG') && SCRIPT_DEBUG ) {
328	+ $path = '/flowplayer/modules/flowplayer.min.js';
329	+ wp_enqueue_script( 'flowplayer', flowplayer::get_plugin_url().$path, $aDependencies, filemtime( dirname(__FILE__).'/../'.$path ), true );
330	$aDependencies[] = 'flowplayer';
331	+
332	+ $path = '/flowplayer/modules/fv-player.js';
333	+ wp_enqueue_script( 'fv-player', flowplayer::get_plugin_url().$path, $aDependencies, filemtime( dirname(__FILE__).'/../'.$path ), true );
334	$aDependencies[] = 'fv-player';
335	+
336	foreach( glob( dirname(dirname(__FILE__)).'/flowplayer/modules/*.js') as $filename ) {
337	if( strcmp(basename($filename),'flowplayer.min.js') == 0 ) continue;
338	if( strcmp(basename($filename),'fv-player.js') == 0 ) continue;
339
340	+ $path = '/flowplayer/modules/'.basename($filename);
341	+ wp_enqueue_script( 'fv-player-'.basename($filename), flowplayer::get_plugin_url().$path, $aDependencies, filemtime( dirname(__FILE__).'/../'.$path ), true);
342	}
343
344	} else {

425	$aConf['hd_streaming'] = true;
426	}
427
428	+ if( $fv_fp->_get_option('multiple_playback') ) {
429	+ $aConf['multiple_playback'] = true;
430	+ }
431	+
432	$aConf['hlsjs'] = array(
433	'startLevel' => -1,
434	'fragLoadingMaxRetry' => 3,

css/fancybox.css CHANGED Viewed

	@@ -19,9 +19,21 @@ body.compensate-for-scrollbar{overflow:hidden;-ms-overflow-style:none}.fancybox-
19	margin: 0;
20	padding-bottom: 6px;
21	}


22	.fancybox-slide .flowplayer, .fancybox-slide .fv-playlist-slider-wrapper {
23	margin-bottom: 0 !important;
24	}










25	.fancybox-slide .fv-playlist-slider-wrapper {
26	margin-top: 1em;
27	}


19	margin: 0;
20	padding-bottom: 6px;
21	}
22	+
23	+ /* Proper sizing for mobile landscape view */
24	.fancybox-slide .flowplayer, .fancybox-slide .fv-playlist-slider-wrapper {
25	margin-bottom: 0 !important;
26	}
27	+ .fancybox-slide .flowplayer.fixed-controls {
28	+ margin-bottom: 2.4em !important;
29	+ }
30	+ .fancybox-slide .flowplayer.fixed-controls.fp-full {
31	+ margin-bottom: 2.8em !important;
32	+ }
33	+ .fancybox-slide .flowplayer.fixed-controls.has-abloop {
34	+ margin-bottom: 5.2em !important;
35	+ }
36	+
37	.fancybox-slide .fv-playlist-slider-wrapper {
38	margin-top: 1em;
39	}

flowplayer.php CHANGED Viewed

	@@ -3,14 +3,14 @@
3	Plugin Name: FV Player
4	Plugin URI: http://foliovision.com/wordpress/plugins/fv-wordpress-flowplayer
5	Description: Formerly FV WordPress Flowplayer. Supports MP4, HLS, MPEG-DASH, WebM and OGV. Advanced features such as overlay ads or popups. Uses Flowplayer 7.2.7.
6	- Version: 7.4.14.727
7	Author URI: http://foliovision.com/
8	License: GPL-3.0
9	License URI: http://www.gnu.org/licenses/gpl-3.0.txt
10	*/
11
12	/* FV Player - HTML5 video player with Flash fallback
13	- Copyright (C) ~~2018~~ Foliovision
14
15	This program is free software: you can redistribute it and/or modify
16	it under the terms of the GNU General Public License as published by
	@@ -27,7 +27,7 @@ License URI: http://www.gnu.org/licenses/gpl-3.0.txt
27	*/
28
29	global $fv_wp_flowplayer_ver;
30	- $fv_wp_flowplayer_ver = '7.4.14.727';
31	$fv_wp_flowplayer_core_ver = '7.2.7';
32
33	include_once( dirname( __FILE__ ) . '/includes/extra-functions.php' );


3	Plugin Name: FV Player
4	Plugin URI: http://foliovision.com/wordpress/plugins/fv-wordpress-flowplayer
5	Description: Formerly FV WordPress Flowplayer. Supports MP4, HLS, MPEG-DASH, WebM and OGV. Advanced features such as overlay ads or popups. Uses Flowplayer 7.2.7.
6	+ Version: 7.4.17.727
7	Author URI: http://foliovision.com/
8	License: GPL-3.0
9	License URI: http://www.gnu.org/licenses/gpl-3.0.txt
10	*/
11
12	/* FV Player - HTML5 video player with Flash fallback
13	+ Copyright (C) 2020 Foliovision
14
15	This program is free software: you can redistribute it and/or modify
16	it under the terms of the GNU General Public License as published by

27	*/
28
29	global $fv_wp_flowplayer_ver;
30	+ $fv_wp_flowplayer_ver = '7.4.17.727';
31	$fv_wp_flowplayer_core_ver = '7.2.7';
32
33	include_once( dirname( __FILE__ ) . '/includes/extra-functions.php' );

flowplayer/fv-flowplayer.min.js CHANGED Viewed

@@ -1 +1 @@

flowplayer/modules/{audio.module.js → audio-player.module.js} RENAMED Viewed

	@@ -1,20 +1,22 @@
1	/*
2	- * Audio support


3	*/
4	flowplayer(function(api, root) {
5	root = jQuery(root);
6	var bean = flowplayer.bean;
7	-
8	if( root.hasClass('is-audio') ) {
9	bean.off(root[0], "mouseenter");
10	bean.off(root[0], "mouseleave");
11	root.removeClass('is-mouseout');
12	root.addClass('fixed-controls').addClass('is-mouseover');
13	-
14	api.on('error', function (e,api, error) {
15	jQuery('.fp-message',root).html( jQuery('.fp-message',root).html().replace(/video/,'audio') );
16	});
17	-
18	root.click( function(e) {
19	if( !api.ready) {
20	e.preventDefault();
	@@ -23,5 +25,5 @@ flowplayer(function(api, root) {
23	}
24	})
25	}
26	-
27	})


1	/*
2	+ * Audio player support
3	+ *
4	+ * Makes sure the controls are visible at all times as there is no video showing up.
5	*/
6	flowplayer(function(api, root) {
7	root = jQuery(root);
8	var bean = flowplayer.bean;
9	+
10	if( root.hasClass('is-audio') ) {
11	bean.off(root[0], "mouseenter");
12	bean.off(root[0], "mouseleave");
13	root.removeClass('is-mouseout');
14	root.addClass('fixed-controls').addClass('is-mouseover');
15	+
16	api.on('error', function (e,api, error) {
17	jQuery('.fp-message',root).html( jQuery('.fp-message',root).html().replace(/video/,'audio') );
18	});
19	+
20	root.click( function(e) {
21	if( !api.ready) {
22	e.preventDefault();

25	}
26	})
27	}
28	+
29	})

flowplayer/modules/embed.module.js CHANGED Viewed

	@@ -20,7 +20,9 @@ flowplayer(function(player, root) {
20	height += 150 + 20; // estimate of playlist height + scrollbar height
21	}
22
23	- ~~return~~ ~~'<iframe~~ ~~src="'~~ ~~+ root.data('fv-~~embed') + '" ~~allowfullscreen width="'~~ + ~~width~~ + '" ~~height="'~~ ~~+ height + '" frameborder="0" style="max-width:100%"></iframe>';~~


24	};
25
26	});
	@@ -29,7 +31,7 @@ jQuery(document).on('click', '.flowplayer .embed-code-toggle', function() {
29	var button = jQuery(this);
30	var player = button.parents('.flowplayer');
31	var api = player.data('flowplayer');
32	- if( typeof(api.embedCode) == 'function' ~~&& player.find('.embed-code textarea'~~)~~.val()~~ ~~== '' )~~ {
33	player.find('.embed-code textarea').val(api.embedCode());
34	}
35


20	height += 150 + 20; // estimate of playlist height + scrollbar height
21	}
22
23	+ // take the embed link and append #video_hash after fvp, fvp-1234 or fvp1234
24	+ var link = root.data('fv-embed') + '#' +fv_player_get_video_link_hash(player);
25	+ return '<iframe src="' + link + '" allowfullscreen width="' + width + '" height="' + height + '" frameborder="0" style="max-width:100%"></iframe>';
26	};
27
28	});

31	var button = jQuery(this);
32	var player = button.parents('.flowplayer');
33	var api = player.data('flowplayer');
34	+ if( typeof(api.embedCode) == 'function') {
35	player.find('.embed-code textarea').val(api.embedCode());
36	}
37

flowplayer/modules/fv-player.js CHANGED Viewed

	@@ -55,15 +55,7 @@ if( typeof(fv_flowplayer_conf) != "undefined" ) {
55	flowplayer.conf.native_fullscreen = true;
56	}
57
58	- ~~function~~ ~~inIframe~~() {
59	- try {
60	- return window.self !== window.top;
61	- } catch (e) {
62	- return true;
63	- }
64	- }
65	-
66	- if( fls.iOS && ( inIframe() \|\| fls.iOS.version < 7 ) ) {
67	flowplayer.conf.native_fullscreen = true;
68	}
69	}
	@@ -107,6 +99,13 @@ function fv_player_videos_parse(args, root) {
107	return videos;
108	}
109







110
111
112
	@@ -149,6 +148,14 @@ function fv_player_preload() {
149	root.find('.fp-volume').hide();
150	}
151








152	// failsafe is Flowplayer is loaded outside of fv_player_load()
153	var playlist = jQuery('.fp-playlist-external[rel='+root.attr('id')+']');
154	if( ( !api.conf.playlist \|\| api.conf.playlist.length == 0 ) && playlist.length && playlist.find('a[data-item]').length > 0 ) { // api.conf.playlist.length necessary for iOS 9 in some setups
	@@ -450,6 +457,16 @@ function fv_parse_sharelink(src){
450	return prefix + src;
451	}
452










453	function fv_player_time_hms(seconds) {
454
455	if(isNaN(seconds)){
	@@ -509,7 +526,7 @@ function fv_autoplay_init(root, index ,time){
509
510	// todo: refactor!
511	if(index){
512	- if( ~~fv_autoplay_can~~(api,parseInt(index)) ) {
513	if( api.ready ) {
514	if( fTime > -1 ) api.seek(fTime);
515	fv_autoplay_exec_in_progress = false;
	@@ -523,18 +540,18 @@ function fv_autoplay_init(root, index ,time){
523	}
524	} else if( flowplayer.support.inlineVideo ) {
525	api.one( api.playing ? 'progress' : 'ready', function (e,api) {
526	- api.play(parseInt(~~item~~));
527	api.one('ready', function() {
528	fv_autoplay_exec_in_progress = false;
529	if( fTime > -1 ) api.seek(fTime)
530	} );
531	});
532
533	- ~~fv_player_playlist_active~~( ~~false~~, jQuery('[rel='+root.attr('id')+'] a').eq(index) );
534	-
535	- ~~root.css~~(~~'background-image',~~ ~~jQuery~~(~~'[rel='+root.attr('id'~~)~~+']~~ a')~~.eq(index).find('span').css('background-image')~~ );
536	-
537	- ~~fv_player_notice( root, fv_flowplayer_translations[11], 'progress' );~~
538	}
539	}else{
540	if( api.ready ) {
	@@ -542,9 +559,9 @@ function fv_autoplay_init(root, index ,time){
542	fv_autoplay_exec_in_progress = false;
543
544	} else {
545	- if( ~~fv_autoplay_can~~(api) ) {
546	api.load();
547	- } else {
548	fv_player_notice( root, fv_flowplayer_translations[11], 'progress' );
549	}
550	api.one('ready', function() {
	@@ -625,10 +642,10 @@ function fv_autoplay_exec(){
625	}
626	}
627
628	- function ~~fv_autoplay_can~~( api, item ) {
629	var video = item ? api.conf.playlist[item] : api.conf.clip;
630
631	- if( video.sources[0].type == 'video/youtube' && ( flowplayer.support.iOS \|\| flowplayer.support.android ) ) return false;
632
633	return flowplayer.support.firstframe;
634	}


55	flowplayer.conf.native_fullscreen = true;
56	}
57
58	+ if( fls.iOS && ( fv_player_in_iframe() \|\| fls.iOS.version < 7 ) ) {








59	flowplayer.conf.native_fullscreen = true;
60	}
61	}

99	return videos;
100	}
101
102	+ function fv_player_in_iframe() {
103	+ try {
104	+ return window.self !== window.top;
105	+ } catch (e) {
106	+ return true;
107	+ }
108	+ }
109
110
111

148	root.find('.fp-volume').hide();
149	}
150
151	+ if( root.data('fullscreen') == false ) {
152	+ root.find('.fp-fullscreen').remove();
153	+ }
154	+
155	+ if( root.data('volume') == 0 && root.hasClass('no-controlbar') ) {
156	+ root.find('.fp-volume').remove();
157	+ }
158	+
159	// failsafe is Flowplayer is loaded outside of fv_player_load()
160	var playlist = jQuery('.fp-playlist-external[rel='+root.attr('id')+']');
161	if( ( !api.conf.playlist \|\| api.conf.playlist.length == 0 ) && playlist.length && playlist.find('a[data-item]').length > 0 ) { // api.conf.playlist.length necessary for iOS 9 in some setups

457	return prefix + src;
458	}
459
460	+ function fv_player_get_video_link_hash(api) {
461	+ var hash = fv_parse_sharelink( typeof(api.video.sources_original) != "undefined" && typeof(api.video.sources_original[0]) != "undefined" ? api.video.sources_original[0].src : api.video.sources[0].src);
462	+
463	+ if( typeof(api.video.id) != "undefined" ) {
464	+ hash = fv_parse_sharelink(api.video.id.toString());
465	+ }
466	+
467	+ return hash;
468	+ }
469	+
470	function fv_player_time_hms(seconds) {
471
472	if(isNaN(seconds)){

526
527	// todo: refactor!
528	if(index){
529	+ if( fv_player_video_link_autoplay_can(api,parseInt(index)) ) {
530	if( api.ready ) {
531	if( fTime > -1 ) api.seek(fTime);
532	fv_autoplay_exec_in_progress = false;

540	}
541	} else if( flowplayer.support.inlineVideo ) {
542	api.one( api.playing ? 'progress' : 'ready', function (e,api) {
543	+ api.play(parseInt(index));
544	api.one('ready', function() {
545	fv_autoplay_exec_in_progress = false;
546	if( fTime > -1 ) api.seek(fTime)
547	} );
548	});
549
550	+ root.find('.fp-splash').attr('src', jQuery('[rel='+root.attr('id')+'] div').eq(index).find('img').attr('src')); // select splachscreen from playlist items by id
551	+
552	+ if( !fv_player_in_iframe() ) {
553	+ fv_player_notice( root, fv_flowplayer_translations[11], 'progress' );
554	+ }
555	}
556	}else{
557	if( api.ready ) {

559	fv_autoplay_exec_in_progress = false;
560
561	} else {
562	+ if( fv_player_video_link_autoplay_can(api) ) {
563	api.load();
564	+ } else if ( !fv_player_in_iframe() ) {
565	fv_player_notice( root, fv_flowplayer_translations[11], 'progress' );
566	}
567	api.one('ready', function() {

642	}
643	}
644
645	+ function fv_player_video_link_autoplay_can( api, item ) {
646	var video = item ? api.conf.playlist[item] : api.conf.clip;
647
648	+ if( video.sources[0].type == 'video/youtube' && ( flowplayer.support.iOS \|\| flowplayer.support.android ) \|\| fv_player_in_iframe() ) return false;
649
650	return flowplayer.support.firstframe;
651	}

flowplayer/modules/hls-safari-fixes.module.js CHANGED Viewed

@@ -1,50 +1,72 @@
-            -
            // HSL engine on iOS and on Safari doesn't report error for HTTP 403. If there is no progress event for 5 second and it's not loading or anything, we can assume that the HLS segment has failed to load
             flowplayer( function(api,root) {
               if( !flowplayer.support.browser.safari && !flowplayer.support.iOS ) return;
               root = jQuery(root);
-            -
              var no_progress = false,
-            -
                time_start = 0,
-            -
                time_delay = 0;
-            -
-            -
              api.on('load', function(e,api,video) {
-            -
                clearInterval(no_progress);
-            -
                time_start = new Date().getTime();
-            -
              });
               api.on('ready', function() {
-            -
                clearInterval(no_progress);
-            -
                root.find('video').on( "stalled", function(e) {} ); // could be helpful, but just using this event alone is not enough: https://github.com/flowplayer/flowplayer/issues/1403
                 if( api.engine.engineName == 'html5' ) {
-            -
                  time_delay = new Date().getTime() - time_start;
-            -
-            -
                  console.log('Video took '+time_delay+' ms to start');
-            -
                  if( time_delay < 500 ) time_delay = 500;
-            -
                  time_delay = 10 * time_delay;
-            -
                  if( time_delay > 15000 ) time_delay = 15000;
-            -
-            -
                  no_progress = setTimeout( hls_check, time_delay );
-            -
-            -
                  api.on('progress', function(e,api,time) {
-            -
                    clearInterval(no_progress);
-            -
                    no_progress = setTimeout( hls_check, time_delay );
                   });
+                }
               });
-            -
              function hls_check() {
-            -
                if( api.ready && api.playing && !api.loading && !api.finished ) {
-            -
                  clearInterval(no_progress);
-            -
                  console.log('Video stale for '+time_delay+' ms, triggering error!');
-            -
                  fv_player_notice(root,fv_flowplayer_translations.video_reload+' <a class="fv-player-reload" href="#">&#x21bb;</a>','progress error unload');
-            -
                  jQuery('.fv-player-reload').click( function() {
-            -
                    api.trigger('error', [api, { code: 4, video: api.video }]);
-            -
                    return false;
-            -
                  });
+                }
+              }
             });


1	+ // HSL engine on iOS and on Safari doesn't report error for HTTP 403.
2	+ // So we use certain extra events from https://developer.apple.com/documentation/webkitjs/htmlmediaelement
3	+ // To make our best guesss
4	flowplayer( function(api,root) {
5	if( !flowplayer.support.browser.safari && !flowplayer.support.iOS ) return;
6
7	root = jQuery(root);
8
9	+ var video_tag = false;







10
11	+ // first we need to obtain the video element
12	api.on('ready', function() {
13	+ // remove the previously bound events
14	+ if( video_tag ) {
15	+ video_tag.off( "waiting", wait_for_stalled );
16	+ //video_tag.off( "stalled suspend abort emptied error waiting", debug );
17	+ video_tag = false;
18	+
19	+ // we don't want the initial seek when resuming position to trigger error
20	+ api.off('beforeseek', wait_for_stalled);
21	+ }
22
23	if( api.engine.engineName == 'html5' ) {
24	+ // find the video
25	+ video_tag = root.find('video');
26
27	+ // triggered if the iOS video player runs out of buffer
28	+ video_tag.on( "waiting", wait_for_stalled );
29	+ //video_tag.on( "stalled suspend abort emptied error waiting", debug );
30
31	+ // triggered if you seek
32	+ api.one('progress', function() {
33	+ api.bind('beforeseek', wait_for_stalled);






34	});
35	}
36	+
37	});
38
39	+ function debug(e) {
40	+ console.log("FV PLayer: iOS video element: " + e.type);
41	+ }
42	+
43	+ function wait_for_stalled() {
44	+ if( video_tag && api.engine.engineName == 'html5' ) {
45	+
46	+ console.log("FV PLayer: iOS video element will trigger error after 'stalled' arrives");
47	+
48	+ // then it also triggers this event if it really fails to load more
49	+ video_tag.one( "stalled", function() {
50	+ var time = api.video.time;
51	+
52	+ // give it a bit more time to really play
53	+ setTimeout( function() {
54	+ console.log(api.video.time,time);
55	+
56	+ // did the video advance?
57	+ if( api.video.time != time ) {
58	+ console.log("FV PLayer: iOS video element continues playing, no need for error");
59	+ return;
60	+ }
61	+
62	+ // so we can tell Flowplayer there is an error
63	+ api.trigger('error', [api, { code: 4, video: api.video }]);
64	+ }, 5000 );
65	+
66	+ } );
67	}
68	}
69	+
70	+
71	+
72	});

flowplayer/modules/multiple-playback.module.js ADDED Viewed

	@@ -0,0 +1,49 @@


1	+ flowplayer( function(api,root) {
2	+ if( !api.conf.multiple_playback ) return;
3	+
4	+ root = jQuery(root);
5	+
6	+ var instance_id = root.data('flowplayer-instance-id');
7	+
8	+ flowplayer.audible_instance = -1;
9	+
10	+ // if multiple playback is allowed, we discard the splash configuration for this instance
11	+ // that way it won't get unloaded if another player starts playing
12	+ // we need to do this once it actually starts loading, as otherwise Flowplayer would only start buffering the video
13	+ api.one('load', function() {
14	+ // we need to add a bit of wait as otherwise it would require another click to start playing
15	+ setTimeout( function() {
16	+ api.conf.splash = false;
17	+ }, 0 );
18	+ });
19	+
20	+ // on iOS only one audible video can play at a time, so we must mute the other players
21	+ api.on('load', function() {
22	+ var i = 0,
23	+ is_muted = root.data('volume') == 0;
24	+
25	+ if( !is_muted ) {
26	+ // we go through all the players to mute them all
27	+ jQuery('.flowplayer[data-flowplayer-instance-id]').each( function() {
28	+ var player = jQuery(this).data('flowplayer');
29	+
30	+ if( player && player.playing ) {
31	+ player.mute(true,true);
32	+ }
33	+ });
34	+
35	+ // mark the current player as the one who is making the noise
36	+ flowplayer.audible_instance = instance_id;
37	+ }
38	+
39	+ }).on('mute', function(e,api,muted) {
40	+ // if the player was unmuted, mute the player which was audible previously
41	+ if( !muted && flowplayer.audible_instance != instance_id ) {
42	+ flowplayer(flowplayer.audible_instance).mute(true,true);
43	+
44	+ // now our player is audible
45	+ flowplayer.audible_instance = instance_id;
46	+ }
47	+
48	+ });
49	+ });

flowplayer/modules/playback-position.module.js CHANGED Viewed

@@ -1,19 +1,24 @@
             /*
              *  Video Position Store functionality
              */
-            -
            flowplayer( function(api,root) {
               var
-            -
                $root = jQuery(root),
-            -
                enabled = flowplayer.conf.video_position_save_enable || $root.data('save-position'),
-            -
                progressEventsCount = 0,
                 // number of events to pass before we auto-send current video positions
                 sendPositionsEvery = 60,
-            -
                // the actual AJAX object we use to send progress data, so we can cancel it in case it's still running
                 ajaxCall = null,
                 // maximum cookie size with saved video positions we should store
-            -
                maxCookieSize = 2500,
-            -
                localStorageEnabled = null,
                 cookieKeyName = 'video_positions',
                 // retrieves the original source of a video
                 getOriginalSource = function(video) {
@@ -38,106 +43,38 @@ flowplayer( function(api,root) {
                   return (localStorageEnabled ? localStorage.setItem(key, value) : Cookies.set(key, value));
                 },
-            -
                // stores currently played/paused/stopped video position
-            -
                storeVideoPosition = function (e, api) {
-            -
                  if (api.live) {
-            -
                    return;
-            -
                  }
-            -
-            -
                  if (api.video.sources) {
-            -
                    if (typeof(flowplayer['playPositions']) == 'undefined') {
-            -
                      flowplayer['playPositions'] = [];
-            -
                    }
-            -
-            -
                    var
-            -
                      originalVideoApiPath = getOriginalSource(api.video),
-            -
                      position = Math.round(api.video.time);
-            -
-            -
                    flowplayer['playPositions'][originalVideoApiPath.src] = position;
-            -
-            -
                    // store the new position in the instance itself as well
-            -
                    if (originalVideoApiPath.position) {
-            -
                      originalVideoApiPath.position = position;
-            -
                    }
-            -
-            -
                    // make a call home every +-30 seconds to make sure a browser crash doesn't affect the position save too much
-            -
                    // if (progressEventsCount++ >= sendPositionsEvery) {
-            -
                    // ... refactor: only store position when we're leaving the page now, not on player progress
-            -
                    if (progressEventsCount++ >= sendPositionsEvery && flowplayer.conf.closingPage) {
-            -
                      if (ajaxCall) {
-            -
                        ajaxCall.abort();
-            -
                      }
-            -
-            -
                      ajaxCall = sendVideoPositions(true, function () {
-            -
                        ajaxCall = null;
-            -
                      });
-            -
-            -
                      progressEventsCount = 0;
-            -
                    }
-            -
                  }
-            -
                },
-            -
-            -
                // used when video unloads and another video starts playing
-            -
                forceSavePosition = function (e, api) {
-            -
                  var inPlaylist = false;
-            -
-            -
                  for (var i in api.conf.playlist) {
-            -
                    inPlaylist = true;
-            -
                    break;
-            -
                  }
-            -
-            -
                  if (inPlaylist && !flowplayer.conf.closingPage) {
-            -
                    progressEventsCount = sendPositionsEvery + 1;
-            -
                    storeVideoPosition(e, api);
-            -
                    sendVideoPositions();
-            -
                  }
                 },
                 // called when the video finishes playing - removes that video position from cache, as it's no longer needed
                 removeVideoPosition = function (e, api) {
                   if (api.video.sources) {
-            -
                    if (typeof(flowplayer['playPositions']) == 'undefined') {
-            -
                      flowplayer['playPositions'] = [];
+                    }
                     var originalVideoApiPath = getOriginalSource(api.video);
-            -
                    flowplayer['playPositions'][originalVideoApiPath.src] = 0;
+                  }
                 },
-            -
                // used to seek into the desired last stored position when he video has started
-            -
                seekIntoPosition = function (e, api) {
-            -
                  if( api.video && api.video.live ) return;
-            -
-            -
                  var
-            -
                    originalVideoApiPath = getOriginalSource(api.video),
-            -
                    position = originalVideoApiPath.position;
-            -
-            -
                  api.bind('progress', storeVideoPosition);
-            -
-            -
                  if (position) {
-            -
                    seek(position);
-            -
                  } else {
-            -
                    // try to lookup position of a guest visitor
-            -
                    if (flowplayer.conf.is_logged_in != '1') {
-            -
                      var data = getCookieKey(cookieKeyName);
-            -
                      if (data && typeof(data) !== 'undefined') {
-            -
                        try {
-            -
                          data = JSON.parse(data);
-            -
                          if (data[originalVideoApiPath.src]) {
-            -
                            seek(data[originalVideoApiPath.src]);
-            -
                          }
-            -
                        } catch (e) {
-            -
                          // something went wrong...
-            -
                          // TODO: shall we try to reset guest data here?
-            -
                          return;
-            -
                        }
-            -
                      }
-            -
                    }
-            -
                  }
                 },
                 sendVideoPositions = function(async, callback) {
                   if (async !== true) {
                     async = false;
+                  }
@@ -148,29 +85,81 @@ flowplayer( function(api,root) {
                   postData = [];
-            -
                  for (var video_name in flowplayer['playPositions']) {
                     postData.push({
                       name: video_name,
-            -
                      position: flowplayer['playPositions'][video_name]
                     });
+                  }
                   if (!postData.length) {
                     return;
+                  }
-            -
                   if ( flowplayer.conf.is_logged_in == '1') {
-            -
                    // logged-in user, store position in their metadata on server
-            -
                    return jQuery.ajax({
-            -
                      type: 'POST',
-            -
                      async: async,
-            -
                      url: fv_fp_ajaxurl,
-            -
                      complete: callback,
-            -
                      data: {
-            -
                        action: 'fv_wp_flowplayer_video_position_save',
-            -
                        videoTimes: postData
+                      }
-            -
                    });
                   } else {
                     // guest visitor, store position in a cookie / localStorage
                     try {
@@ -185,7 +174,7 @@ flowplayer( function(api,root) {
                       for (var i in postData) {
                         data[postData[i].name] = postData[i].position;
+                      }
-            -
                       var
                         serialized = JSON.stringify(data),
                         dataSize = getTextByteSize(serialized);
@@ -207,49 +196,202 @@ flowplayer( function(api,root) {
+                          }
+                        }
+                      }
-            -
                       setCookieKey(cookieKeyName, serialized);
                     } catch (e) {
                       // JSON JS support missing
                       return;
+                    }
+                  }
-            -
                   return false;
-            -
                },
-            -
-            -
              seek = function(position) {
-            -
                var seek_count = 0;
-            -
                var do_seek = setInterval( function() {
-            -
                  if( ++seek_count > 20 ) clearInterval(do_seek);
-            -
                  if( api.loading ) return;
-            -
                  api.seek(parseInt(position)); // int for Dash.js!
-            -
                  clearInterval(do_seek);
-            -
                }, 10 );
-            -
              };
-            -
-            -
              if( !enabled ) return;
-            -
-            -
              // stop events
-            -
              api.bind('finish', removeVideoPosition);
-            -
-            -
              // seek into the last saved position, it also hooks the progress event
-            -
              if( flowplayer.support.fvmobile ) {
-            -
                api.one( 'progress', seekIntoPosition);
-            -
              } else {
-            -
                api.bind( 'ready', seekIntoPosition);
-            -
              }
-            -
              // TODO: find out what event can be used to force saving of playlist video positions on video change
-            -
              //api.bind('finish', forceSavePosition);
-            -
              api.one('progress', function() {
-            -
                jQuery(window).on('beforeunload', function () {
-            -
                  // only fire a single AJAX call if we're closing / reloading the browser
-            -
                  if (!flowplayer.conf.closingPage) {
-            -
                    flowplayer.conf.closingPage = true;
-            -
                    sendVideoPositions();
-            -
                  }
-            -
                });
               });
               // check whether local storage is enabled
@@ -267,5 +409,5 @@ flowplayer( function(api,root) {
               } catch (e) {
                 localStorageEnabled = false;
+              }
-            -
-            -
            });


1	/*
2	* Video Position Store functionality
3	*/
4	+
5	+ // MSIE8- shim
6	+ if (!Date.now) {
7	+ Date.now = function() { return new Date().getTime(); }
8	+ }
9	+
10	+ (function($) {
11	var



12	// number of events to pass before we auto-send current video positions
13	sendPositionsEvery = 60,
14	+ // the actual AJAX object we use to send progress data, so we can cancel it in case it's still running
15	ajaxCall = null,
16	// maximum cookie size with saved video positions we should store
17	+ maxCookieSize = 2500,
18	+ localStorageEnabled = null,
19	cookieKeyName = 'video_positions',
20	+ tempCookieKeyName = 'video_positions_tmp',
21	+ playPositions = [],
22
23	// retrieves the original source of a video
24	getOriginalSource = function(video) {

43	return (localStorageEnabled ? localStorage.setItem(key, value) : Cookies.set(key, value));
44	},
45
46	+ removeCookieKey = function(key) {
47	+ if (localStorageEnabled) {
48	+ localStorage.removeItem(key);
49	+ } {
50	+ Cookies.remove(key);
51	+ };















































52	},
53
54	// called when the video finishes playing - removes that video position from cache, as it's no longer needed
55	removeVideoPosition = function (e, api) {
56	if (api.video.sources) {
57	+ if (typeof(playPositions) == 'undefined') {
58	+ playPositions = [];
59	}
60
61	var originalVideoApiPath = getOriginalSource(api.video);
62	+ playPositions[originalVideoApiPath.src] = 0;
63	}
64	},
65
66	+ removeAWSSignatures = function(videoURL) {
67	+ return videoURL
68	+ .replace(/(X-Amz-Algorithm=[^&]+&?)/gm, '')
69	+ .replace(/(X-Amz-Credential=[^&]+&?)/gm, '')
70	+ .replace(/(X-Amz-Date=[^&]+&?)/gm, '')
71	+ .replace(/(X-Amz-Expires=[^&]+&?)/gm, '')
72	+ .replace(/(X-Amz-SignedHeaders=[^&]+&?)/gm, '')
73	+ .replace(/(X-Amz-Signature=[^&]+&?)/gm, '');






















74	},
75
76	sendVideoPositions = function(async, callback) {
77	+ var beaconSupported = ("sendBeacon" in navigator);
78	if (async !== true) {
79	async = false;
80	}

85
86	postData = [];
87
88	+ for (var video_name in playPositions) {
89	+ // remove all AWS signatures from this video
90	postData.push({
91	name: video_name,
92	+ position: playPositions[video_name]
93	});
94	}
95
96	if (!postData.length) {
97	+ // no video positions? remove the temporary position cookie/localStorage data as well
98	+ removeCookieKey(tempCookieKeyName);
99	return;
100	}
101	+
102	if ( flowplayer.conf.is_logged_in == '1') {
103	+ if (beaconSupported) {
104	+ // because the beacon call can arrive at the server after the page loads again
105	+ // in case of a page reload, we'll store our last positions into a temporary cookie/localStorage
106	+ // which will get removed on next page load
107	+ try {
108	+ data = {};
109	+
110	+ // add our video positions
111	+ for (var i in postData) {
112	+ data[postData[i].name] = postData[i].position;
113	+ }
114	+
115	+ var
116	+ serialized = JSON.stringify(data),
117	+ dataSize = getTextByteSize(serialized);
118	+
119	+ // check if we're not going over maximum cache size
120	+ if (dataSize > maxCookieSize) {
121	+ // we're over max cache size, let's delete some older videos
122	+ while (dataSize > maxCookieSize) {
123	+ // remove the first entry only
124	+ for (var i in data) {
125	+ delete data[i];
126	+
127	+ // re-serialize with the value removed
128	+ serialized = JSON.stringify(data);
129	+ // calculate new data size, so we can exit the while loop
130	+ dataSize = getTextByteSize(serialized);
131	+
132	+ break;
133	+ }
134	+ }
135	+ }
136	+
137	+ setCookieKey(tempCookieKeyName, serialized);
138	+ } catch (e) {
139	+ // JSON JS support missing
140	+ return;
141	}
142	+
143	+ var fd = new FormData();
144	+ fd.append('action', 'fv_wp_flowplayer_video_position_save');
145	+ fd.append('videoTimes', encodeURIComponent(JSON.stringify(postData)));
146	+ navigator.sendBeacon(fv_fp_ajaxurl, fd);
147	+
148	+ // return false, so no ajax.abort() will be tried if multiple players try to call this same script part
149	+ return false;
150	+ } else {
151	+ // logged-in user, store position in their metadata on server
152	+ return jQuery.ajax({
153	+ type: 'POST',
154	+ async: async,
155	+ url: fv_fp_ajaxurl,
156	+ complete: callback,
157	+ data: {
158	+ action: 'fv_wp_flowplayer_video_position_save',
159	+ videoTimes: postData
160	+ }
161	+ });
162	+ }
163	} else {
164	// guest visitor, store position in a cookie / localStorage
165	try {

174	for (var i in postData) {
175	data[postData[i].name] = postData[i].position;
176	}
177	+
178	var
179	serialized = JSON.stringify(data),
180	dataSize = getTextByteSize(serialized);

196	}
197	}
198	}
199	+
200	setCookieKey(cookieKeyName, serialized);
201	} catch (e) {
202	// JSON JS support missing
203	return;
204	}
205	}
206	+
207	return false;
208	+ };






















209
210	+ flowplayer( function(api,root) {
211	+ var
212	+ $root = jQuery(root),
213	+ enabled = flowplayer.conf.video_position_save_enable \|\| $root.data('save-position'),
214	+ progressEventsCount = 0,
215	+
216	+ // used to seek into the desired last stored position when he video has started
217	+ seekIntoPosition = function (e, api) {
218	+ if( api.video && api.video.live ) return;
219	+
220	+ var
221	+ originalVideoApiPath = getOriginalSource(api.video),
222	+ position = originalVideoApiPath.position;
223	+
224	+ api.bind('progress', storeVideoPosition);
225	+
226	+ // logged-in user, try to seek into a position stored during the last page reload if found,
227	+ // since sendBeacon() call might not have arrived into our DB yet
228	+ if (flowplayer.conf.is_logged_in == '1') {
229	+ var data = getCookieKey(tempCookieKeyName);
230	+ if (data && typeof(data) !== 'undefined') {
231	+ try {
232	+ data = JSON.parse(data);
233	+
234	+ // remove all AWS signatures from stored video positions
235	+ for (var i in data) {
236	+ var newKey = removeAWSSignatures(i);
237	+ // replace key with old video URL with the new one
238	+ if (newKey != i) {
239	+ data[newKey] = data[i];
240	+ delete data[i];
241	+ }
242	+ }
243	+
244	+ if (data[removeAWSSignatures(originalVideoApiPath.src)]) {
245	+ seek(data[removeAWSSignatures(originalVideoApiPath.src)]);
246	+ }
247	+
248	+ // remove the temporary cookie/localStorage data
249	+ delete data[originalVideoApiPath.src];
250	+
251	+ // check if we have any data left
252	+ var stillHasData = false;
253	+ for (var i in data) {
254	+ stillHasData = true;
255	+ break;
256	+ }
257	+
258	+ if (stillHasData) {
259	+ setCookieKey(tempCookieKeyName, JSON.stringify(data));
260	+ } else {
261	+ removeCookieKey(tempCookieKeyName);
262	+ }
263	+
264	+ // we seeked into the correct position now, let's bail out,
265	+ // so the DB value doesn't override this
266	+ return;
267	+ } catch (e) {
268	+ // something went wrong, so the next block will continue
269	+ }
270	+ }
271	+ }
272	+
273	+ // no temporary positions found, let's work with DB / cookies
274	+ if (position) {
275	+ seek(position);
276	+ } else {
277	+ // try to lookup position of a guest visitor
278	+ if (flowplayer.conf.is_logged_in != '1') {
279	+ var data = getCookieKey(cookieKeyName);
280	+ if (data && typeof(data) !== 'undefined') {
281	+ try {
282	+ data = JSON.parse(data);
283	+
284	+ // remove all AWS signatures from stored video positions
285	+ for (var i in data) {
286	+ var newKey = removeAWSSignatures(i);
287	+ // replace key with old video URL with the new one
288	+ if (newKey != i) {
289	+ data[newKey] = data[i];
290	+ delete data[i];
291	+ }
292	+ }
293	+
294	+ if (data[removeAWSSignatures(originalVideoApiPath.src)]) {
295	+ seek(data[removeAWSSignatures(originalVideoApiPath.src)]);
296	+ }
297	+ } catch (e) {
298	+ // something went wrong...
299	+ // TODO: shall we try to reset guest data here?
300	+ return;
301	+ }
302	+ }
303	+ }
304	+ }
305	+ },
306	+
307	+ // stores currently played/paused/stopped video position
308	+ storeVideoPosition = function (e, api) {
309	+ if (api.live) {
310	+ return;
311	+ }
312	+
313	+ if (api.video.sources) {
314	+ if (typeof(playPositions) == 'undefined') {
315	+ playPositions = [];
316	+ }
317	+
318	+ var
319	+ originalVideoApiPath = getOriginalSource(api.video),
320	+ position = Math.round(api.video.time);
321	+
322	+ playPositions[originalVideoApiPath.src] = position;
323	+
324	+ // store the new position in the instance itself as well
325	+ if (originalVideoApiPath.position) {
326	+ originalVideoApiPath.position = position;
327	+ }
328	+
329	+ // make a call home every +-30 seconds to make sure a browser crash doesn't affect the position save too much
330	+ // if (progressEventsCount++ >= sendPositionsEvery) {
331	+ // ... refactor: only store position when we're leaving the page now, not on player progress
332	+ if (progressEventsCount++ >= sendPositionsEvery && flowplayer.conf.closingPage) {
333	+ if (ajaxCall) {
334	+ ajaxCall.abort();
335	+ }
336	+
337	+ ajaxCall = sendVideoPositions(true, function () {
338	+ ajaxCall = null;
339	+ });
340	+
341	+ progressEventsCount = 0;
342	+ }
343	+ }
344	+ },
345	+
346	+ // used when video unloads and another video starts playing
347	+ forceSavePosition = function (e, api) {
348	+ var inPlaylist = false;
349	+
350	+ for (var i in api.conf.playlist) {
351	+ inPlaylist = true;
352	+ break;
353	+ }
354	+
355	+ if (inPlaylist && !flowplayer.conf.closingPage) {
356	+ progressEventsCount = sendPositionsEvery + 1;
357	+ storeVideoPosition(e, api);
358	+ sendVideoPositions();
359	+ }
360	+ },
361	+
362	+ seek = function(position) {
363	+ var seek_count = 0;
364	+ var do_seek = setInterval( function() {
365	+ if( ++seek_count > 20 ) clearInterval(do_seek);
366	+ if( api.loading ) return;
367	+ api.seek(parseInt(position)); // int for Dash.js!
368	+ clearInterval(do_seek);
369	+ }, 10 );
370	+ };
371	+
372	+ if( !enabled ) return;
373	+
374	+ // stop events
375	+ api.bind('finish', removeVideoPosition);
376	+
377	+ // seek into the last saved position, it also hooks the progress event
378	+ if( flowplayer.support.fvmobile ) {
379	+ api.one( 'progress', seekIntoPosition);
380	+ } else {
381	+ api.bind( 'ready', seekIntoPosition);
382	+ }
383	+
384	+ // TODO: find out what event can be used to force saving of playlist video positions on video change
385	+ //api.bind('finish', forceSavePosition);
386	+ });
387	+
388	+ // pagehide is required for iOS
389	+ jQuery(window).on('beforeunload pagehide', function () {
390	+ // only fire a single AJAX call if we're closing / reloading the browser
391	+ if (!flowplayer.conf.closingPage) {
392	+ flowplayer.conf.closingPage = true;
393	+ sendVideoPositions();
394	+ }
395	});
396
397	// check whether local storage is enabled

409	} catch (e) {
410	localStorageEnabled = false;
411	}
412	+
413	+ })(jQuery);

flowplayer/modules/playlist-controlbar.module.js CHANGED Viewed

	@@ -44,7 +44,7 @@ flowplayer( function(api,root) {
44	});
45
46	jQuery('a',playlist_menu).click( function() {
47	- if(typeof(api.conf.playlist[jQuery(this).data('index') - 1].click) != 'undefined') {
48	api.play(jQuery(this).data('index') - 1);
49	} else {
50	api.play(jQuery(this).data('index'));


44	});
45
46	jQuery('a',playlist_menu).click( function() {
47	+ if(typeof(api.conf.playlist[jQuery(this).data('index') - 1]) != 'undefined' && typeof(api.conf.playlist[jQuery(this).data('index') - 1].click) != 'undefined' ) { // check if FV Player Pro Video Ad is in front of video - act as if clicked on Ad
48	api.play(jQuery(this).data('index') - 1);
49	} else {
50	api.play(jQuery(this).data('index'));

flowplayer/modules/speed-restore.module.js CHANGED Viewed

	@@ -11,7 +11,11 @@ flowplayer( function(api,root) {
11	api.on('ready', function() {
12	if ( window.localStorage.fv_player_speed && jQuery(root).find('strong.fp-speed').is(":visible") ) {
13	api.speed(parseFloat(window.localStorage.fv_player_speed));
14	- }




15	});
16
17	});


11	api.on('ready', function() {
12	if ( window.localStorage.fv_player_speed && jQuery(root).find('strong.fp-speed').is(":visible") ) {
13	api.speed(parseFloat(window.localStorage.fv_player_speed));
14	+ }
15	+
16	+ if( jQuery(root).data('volume') == 0 ) {
17	+ api.mute(true,true);
18	+ }
19	});
20
21	});

flowplayer/modules/subtitle.module.js ADDED Viewed

	@@ -0,0 +1,50 @@


1	+ /**
2	+ * Improve subtitle activation
3	+ *
4	+ * Normally Flowplayer doesn't show the subtitles before the subtitle line start time comes,
5	+ * although it works on seek. But not on subtitle activation
6	+ */
7	+ flowplayer( function(api,root) {
8	+ root = jQuery(root);
9	+ var currentPoint,
10	+ check = false; // should we check for new subtitles?
11	+
12	+ api.bind('cuepoint', function(e, api, cue) { // Get current cuepoint
13	+ check = false;
14	+ if (cue.subtitle) {
15	+ currentPoint = cue.index;
16	+ }
17	+ });
18	+
19	+ // Start checking on subtitle menu click
20	+ // It would be better to listen to subtitle activation event, but there is none
21	+ root.on('click', '.fp-subtitle-menu a[data-subtitle-index]', function(e) {
22	+ // Only if you picked some actual subtitle, no "No subtitles"
23	+ if( jQuery(this).data('subtitle-index') > -1 ) {
24	+ check = true;
25	+
26	+ // Since subtitle load doesn't trigger any event, we just have to keep checking
27	+ // if there are any new cuepoint added
28	+ api.on('progress', time_check);
29	+ }
30	+ });
31	+
32	+ // Trigger cuepoint if user enables subtitles during play
33	+ function time_check(e, api, time) {
34	+ if(check) {
35	+ (api.cuepoints \|\| []).forEach(function(cue, index) { // Find subtitle which wasnt shown
36	+ var entry = cue.subtitle;
37	+
38	+ // skip the subtitle if it was just shown
39	+ if (entry && currentPoint != index) {
40	+ // if the playback position falls between subtitle line start and end time
41	+ if (time >= cue.time && (!entry.endTime \|\| time <= entry.endTime)) {
42	+ // show the subtitle
43	+ api.trigger('cuepoint', [api, cue]);
44	+ }
45	+ }
46	+ });
47	+ }
48	+ }
49	+
50	+ });

flowplayer/modules/video-links.module.js CHANGED Viewed

	@@ -9,13 +9,8 @@ if (typeof (flowplayer) !== "undefined" && typeof(fv_flowplayer_conf) != "undefi
9	if( !api.video.sources \|\| !api.video.sources[0] ) {
10	return;
11	}
12	-
13	- var hash = fv_parse_sharelink( typeof(api.video.sources_original) != "undefined" && typeof(api.video.sources_original[0]) != "undefined" ? api.video.sources_original[0].src : api.video.sources[0].src);
14	-
15	- if( typeof(api.video.id) != "undefined" ) {
16	- hash = fv_parse_sharelink(api.video.id.toString());
17	- }
18

19	var sTime = ',' + fv_player_time_hms(api.video.time);
20	//console.log(sTime);
21	jQuery('.fvp-sharing>li>a',root).each(function(){
	@@ -29,12 +24,12 @@ if (typeof (flowplayer) !== "undefined" && typeof(fv_flowplayer_conf) != "undefi
29
30	fv_player_clipboard( jQuery(this).attr('href'), function() {
31	e.preventDefault();
32	- fv_player_notice(root,fv_flowplayer_translations.link_copied,2000);
33	});
34	})
35	}
36	})
37	-
38	jQuery(document).on('click','a[href*="fvp_"]', function() {
39	var link = jQuery(this)
40	setTimeout( function() {


9	if( !api.video.sources \|\| !api.video.sources[0] ) {
10	return;
11	}






12
13	+ var hash = fv_player_get_video_link_hash(api);
14	var sTime = ',' + fv_player_time_hms(api.video.time);
15	//console.log(sTime);
16	jQuery('.fvp-sharing>li>a',root).each(function(){

24
25	fv_player_clipboard( jQuery(this).attr('href'), function() {
26	e.preventDefault();
27	+ fv_player_notice(root,fv_flowplayer_translations.link_copied,2000);
28	});
29	})
30	}
31	})
32	+
33	jQuery(document).on('click','a[href*="fvp_"]', function() {
34	var link = jQuery(this)
35	setTimeout( function() {

flowplayer/modules/volume.module.js ADDED Viewed

	@@ -0,0 +1,40 @@


1	+ /*
2	+ * Volume control enhancements
3	+ *
4	+ * Dragging the volume down to zero mutes the video and shows the un-mute icon.
5	+ * What this code does is it remembers the last volume before you finished dragging
6	+ * the volume control and then clicking the un-mute icon restores back to that volume
7	+ */
8	+ flowplayer(function(api, root) {
9	+ root = jQuery(root);
10	+ var bean = flowplayer.bean;
11	+ var restore = -1;
12	+
13	+ // Restore volume on click
14	+ root.on('click','.fp-volume', function(e) {
15	+ if(api.volumeLevel == 0 && restore != -1) {
16	+ api.volume(restore);
17	+ return false;
18	+ }
19	+ })
20	+
21	+ // Click into volume bar and start dragging it down and drag it to very 0, it would remember the initial volume - the one which was there on mousedown
22	+ // Other case is click into the volume bar and drag it from 1 to about 0.5. So 0.5 is remembered on mouseup, then drag it to 0. So clicking the mute icon would restore to 0.5
23	+ // It's not so ideal with touchstart and touchend, it seems to remember some weird volume which user didn't intendt to set, but nothing too critical
24	+ root.on('mousedown touchstart mouseup touchend','.fp-volume', function(e) {
25	+ if ( api.volumeLevel != 0 ) {
26	+ restore = api.volumeLevel;
27	+ }
28	+ })
29	+
30	+ // Mute
31	+ api.on('volume', function(e,api) {
32	+ if( root.hasClass('is-mouseover') && !api.muted ) {
33	+ if( api.volumeLevel == 0 ) { // Mute when volume is set to 0 by mouse
34	+ bean.off( flowplayer.support.touch ? root : document, 'mousemove.sld touchmove.sld'); // Stop flowplayer slide api, without this slide event gets incorrect value
35	+ api.mute(true);
36	+ }
37	+ }
38	+ });
39	+
40	+ })

images/fv-logo.png ADDED Viewed

Binary file

js/admin.js CHANGED Viewed

	@@ -164,7 +164,8 @@
164	}
165
166	// color inputs + checkbox changes
167	- $previewElements.on('input change', skinPreviewInputChanged)~~.trigger('input')~~;

168
169	$('[data-fv-preview]').on('select change', skinPreviewDropdownChanged);
170	});


164	}
165
166	// color inputs + checkbox changes
167	+ $previewElements.on('input change', skinPreviewInputChanged);
168	+ $previewElements.eq(0).trigger('input');
169
170	$('[data-fv-preview]').on('select change', skinPreviewDropdownChanged);
171	});

js/fancybox.js CHANGED Viewed

	@@ -180,7 +180,14 @@ if( document.addEventListener ) {
180	jQuery(document).on('ready', function() {
181	if( typeof(flowplayer) != "undefined" ) {
182	flowplayer( function(api,root) {
183	- ~~if(~~ jQuery(root).~~parents~~('.fv_player_lightbox_hidden')~~.length ) {~~







184	if( flowplayer.support.fullscreen ) { // todo: should also work for YouTube on desktop
185	api.fullscreen = function() {
186	jQuery.fancybox.getInstance().FullScreen.toggle();


180	jQuery(document).on('ready', function() {
181	if( typeof(flowplayer) != "undefined" ) {
182	flowplayer( function(api,root) {
183	+ var lightbox_wrap = jQuery(root).closest('.fv_player_lightbox_hidden');
184	+ if( lightbox_wrap.length ) {
185	+ lightbox_wrap.click( function(e) {
186	+ if( e.target == e.currentTarget) {
187	+ jQuery.fancybox.close();
188	+ }
189	+ });
190	+
191	if( flowplayer.support.fullscreen ) { // todo: should also work for YouTube on desktop
192	api.fullscreen = function() {
193	jQuery.fancybox.getInstance().FullScreen.toggle();

js/shortcode-editor.js CHANGED Viewed

	@@ -13,6 +13,7 @@ var fv_player_playlist_subtitles_box_template;
13	var fv_wp_fp_shortcode;
14	var fv_player_preview_single = -1;
15	var fv_player_preview_window;

16
17	var fv_player_editor_button_clicked = 0;
18
	@@ -494,6 +495,12 @@ jQuery(document).ready(function($){
494	}
495	});
496






497	});
498
499
	@@ -502,6 +509,8 @@ jQuery(document).ready(function($){
502	* Initializes shortcode, removes playlist items, hides elements
503	*/
504	function fv_wp_flowplayer_init() {


505	// if error / message overlay is visible, hide it
506	fv_wp_flowplayer_big_loader_close();
507
	@@ -883,7 +892,6 @@ function fv_flowplayer_editor_item_show( new_index ) {
883	// hide chapters and transcript when not the first video in playlist
884	$('.fv-player-tab-subtitles table:gt(0)').each(function() {
885	var $e = $(this);
886	- $e.find('.fv_wp_flowplayer_field_transcript').parents('tr:first').hide();
887	$e.find('#fv_wp_flowplayer_field_chapters').parents('tr:first').hide();
888	});
889
	@@ -1104,7 +1112,7 @@ function fv_wp_flowplayer_edit() {
1104	fv_wp_fp_shortcode_remains = shortcode_parse_fix.replace( /^\S+\s*?/, '' );
1105
1106	fv_flowplayer_conf.db_extra_shortcode_params = {};
1107	- var preserve = [ 'playlist_start', 'autoplay', 'sort', 'logo', 'width', 'height', 'controlbar', 'embed', 'ab', 'share', 'liststyle', 'playlist_hide', 'playlist_advance', 'ad', 'ad_height', 'ad_width', 'vast', 'midroll' ];
1108	for( var i in preserve ) {
1109	var value = fv_wp_flowplayer_shortcode_parse_arg( shortcode_parse_fix, preserve[i] );
1110	if (value && value[1]) {
	@@ -1296,7 +1304,7 @@ function fv_wp_flowplayer_edit() {
1296	}
1297
1298	// transcript
1299	- if (vids[x].meta[m].meta_key~~.indexOf(~~'transcript') ~~> -1)~~ {
1300	transcript = {
1301	id: vids[x].meta[m].id,
1302	value: vids[x].meta[m].meta_value
	@@ -2492,7 +2500,7 @@ function fv_wp_flowplayer_submit( preview, insert_as_new ) {
2492	fv_wp_flowplayer_big_loader_show('An unexpected error has occurred. Please try again.\
2493	<br />\
2494	<br />\
2495	- <input type="button" name="close_error_overlay" id="close_error_overlay" value="Close" class="button button-primary button-large" onClick="fv_wp_flowplayer_big_loader_close()" /></p>');
2496	});
2497
2498	return;


13	var fv_wp_fp_shortcode;
14	var fv_player_preview_single = -1;
15	var fv_player_preview_window;
16	+ var fv_wp_flowplayer_save_ignore_errors = false;
17
18	var fv_player_editor_button_clicked = 0;
19

495	}
496	});
497
498	+ $document.on('click', '#close_error_overlay_ignore_btn', function() {
499	+ fv_wp_flowplayer_big_loader_close();
500	+ fv_wp_flowplayer_save_ignore_errors = true;
501	+ $('.fv_player_field_insert-button:visible, .fv_player_field_update-button:visible').click();
502	+ });
503	+
504	});
505
506

509	* Initializes shortcode, removes playlist items, hides elements
510	*/
511	function fv_wp_flowplayer_init() {
512	+ fv_wp_flowplayer_save_ignore_errors = false;
513	+
514	// if error / message overlay is visible, hide it
515	fv_wp_flowplayer_big_loader_close();
516

892	// hide chapters and transcript when not the first video in playlist
893	$('.fv-player-tab-subtitles table:gt(0)').each(function() {
894	var $e = $(this);

895	$e.find('#fv_wp_flowplayer_field_chapters').parents('tr:first').hide();
896	});
897

1112	fv_wp_fp_shortcode_remains = shortcode_parse_fix.replace( /^\S+\s*?/, '' );
1113
1114	fv_flowplayer_conf.db_extra_shortcode_params = {};
1115	+ var preserve = [ 'playlist_start', 'autoplay', 'sort', 'logo', 'width', 'height', 'controlbar', 'embed', 'ab', 'share', 'liststyle', 'playlist_hide', 'playlist_advance', 'ad', 'ad_height', 'ad_width', 'vast', 'midroll', 'volume', 'fullscreen' ];
1116	for( var i in preserve ) {
1117	var value = fv_wp_flowplayer_shortcode_parse_arg( shortcode_parse_fix, preserve[i] );
1118	if (value && value[1]) {

1304	}
1305
1306	// transcript
1307	+ if (vids[x].meta[m].meta_key === 'transcript') {
1308	transcript = {
1309	id: vids[x].meta[m].id,
1310	value: vids[x].meta[m].meta_value

2500	fv_wp_flowplayer_big_loader_show('An unexpected error has occurred. Please try again.\
2501	<br />\
2502	<br />\
2503	+ <input type="button" name="close_error_overlay" id="close_error_overlay" value="Close" class="button button-primary button-large" onClick="fv_wp_flowplayer_big_loader_close()" /> <input type="button" name="close_error_overlay_ignore_btn" id="close_error_overlay_ignore_btn" value="Ignore and Continue" class="button button-secondary button-large" /></p>');
2504	});
2505
2506	return;

models/checker.php CHANGED Viewed

	@@ -504,7 +504,7 @@ class FV_Player_Checker {
504
505
506	public static function queue_get() {
507	- return get_option( 'fv_flowplayer_checker_queue' );
508	}
509
510


504
505
506	public static function queue_get() {
507	+ return get_option( 'fv_flowplayer_checker_queue', array() );
508	}
509
510

models/custom-videos.php CHANGED Viewed

	@@ -79,7 +79,9 @@ class FV_Player_Custom_Videos {
79
80	public function get_html_part( $video, $edit = false ) {
81	global $FV_Player_Custom_Videos_Master, $post;
82	- ~~$args = !empty($FV_Player_Custom_Videos_Master->aMetaBoxes[$post->post_type]) ? $FV_Player_Custom_Videos_Master->aMetaBoxes[$post->post_type][$this->meta] : array( 'multiple' => true );~~


83
84	// exp: what matters here is .fv-player-editor-field and .fv-player-editor-button wrapped in .fv-player-editor-wrapper and .fv-player-editor-preview
85	if( $edit ) {


79
80	public function get_html_part( $video, $edit = false ) {
81	global $FV_Player_Custom_Videos_Master, $post;
82	+
83	+ $defaults = array( 'labels' => array( 'edit' => 'Edit Video', 'remove' => 'Remove Video' ), 'multiple' => true );
84	+ $args = !empty($post) && !empty($FV_Player_Custom_Videos_Master->aMetaBoxes[$post->post_type]) ? $FV_Player_Custom_Videos_Master->aMetaBoxes[$post->post_type][$this->meta] : $defaults;
85
86	// exp: what matters here is .fv-player-editor-field and .fv-player-editor-button wrapped in .fv-player-editor-wrapper and .fv-player-editor-preview
87	if( $edit ) {

models/db.php CHANGED Viewed

	@@ -1433,7 +1433,7 @@ class FV_Player_Db {
1433	$url = $_POST['video_url'];
1434
1435	$json_data = apply_filters('fv_player_meta_data', $url, false);
1436	- if ($json_data !== false) {
1437	header('Content-Type: application/json');
1438	$json_data['ts'] = time();
1439	die(json_encode($json_data));


1433	$url = $_POST['video_url'];
1434
1435	$json_data = apply_filters('fv_player_meta_data', $url, false);
1436	+ if ($json_data !== false && is_array($json_data) ) {
1437	header('Content-Type: application/json');
1438	$json_data['ts'] = time();
1439	die(json_encode($json_data));

models/email-subscription.php CHANGED Viewed

	@@ -367,7 +367,9 @@ class FV_Player_Email_Subscription {
367
368	if( get_option('fv_player_mailchimp_time', 0 ) + $sTimeout > time() && !isset($_GET['fv_refresh_mailchimp']) ) return array('error' => false, 'result' => $aLists);
369
370	- ~~require_once~~ ~~dirname~~(~~__FILE__~~) . ~~'/../includes/mailchimp-api/src/MailChimp.php';~~


371	require_once dirname(__FILE__) . '/email-subscription-mailchimp.php';
372
373	$result = fv_player_mailchimp_result();
	@@ -409,7 +411,9 @@ class FV_Player_Email_Subscription {
409
410	private function mailchimp_signup($list_id, $data){
411	global $fv_fp;
412	- ~~require_once~~ ~~dirname~~(~~__FILE__~~) . ~~'/../includes/mailchimp-api/src/MailChimp.php';~~


413	require_once dirname(__FILE__) . '/email-subscription-mailchimp.php';
414
415	$merge_fields = array();


367
368	if( get_option('fv_player_mailchimp_time', 0 ) + $sTimeout > time() && !isset($_GET['fv_refresh_mailchimp']) ) return array('error' => false, 'result' => $aLists);
369
370	+ if( !class_exists('\DrewM\MailChimp\MailChimp') ) {
371	+ require_once dirname(__FILE__) . '/../includes/mailchimp-api/src/MailChimp.php';
372	+ }
373	require_once dirname(__FILE__) . '/email-subscription-mailchimp.php';
374
375	$result = fv_player_mailchimp_result();

411
412	private function mailchimp_signup($list_id, $data){
413	global $fv_fp;
414	+ if( !class_exists('\DrewM\MailChimp\MailChimp') ) {
415	+ require_once dirname(__FILE__) . '/../includes/mailchimp-api/src/MailChimp.php';
416	+ }
417	require_once dirname(__FILE__) . '/email-subscription-mailchimp.php';
418
419	$merge_fields = array();

models/flowplayer-frontend.php CHANGED Viewed

	@@ -36,7 +36,7 @@ class flowplayer_frontend extends flowplayer
36
37	var $aPopups = array();
38
39	- var $aCurArgs = ~~false~~;
40
41	var $sHTMLAfter = false;
42
	@@ -80,7 +80,7 @@ class flowplayer_frontend extends flowplayer
80
81	$this->hash = md5($media.$this->_salt()); // unique player id
82	// todo: harmonize this, the media arg was a bad idea in the first place
83	- if( !empty($media) ~~&& $media != $this->aCurArgs['src']~~ ) {
84	$this->aCurArgs['src'] = $media;
85	}
86	$this->aCurArgs = apply_filters( 'fv_flowplayer_args_pre', $args );
	@@ -510,7 +510,7 @@ class flowplayer_frontend extends flowplayer
510	$attributes['data-rtmp'] = $rtmp_server;
511	}
512
513	- if( !$this->_get_option('allowfullscreen') ) {
514	$attributes['data-fullscreen'] = 'false';
515	}
516
	@@ -529,6 +529,15 @@ class flowplayer_frontend extends flowplayer
529	$attributes['data-dvr'] = 'true';
530	}
531









532	$playlist = '';
533	$is_preroll = false;
534	if( isset($playlist_items_external_html) ) {


36
37	var $aPopups = array();
38
39	+ var $aCurArgs = array();
40
41	var $sHTMLAfter = false;
42

80
81	$this->hash = md5($media.$this->_salt()); // unique player id
82	// todo: harmonize this, the media arg was a bad idea in the first place
83	+ if( !empty($media) ) {
84	$this->aCurArgs['src'] = $media;
85	}
86	$this->aCurArgs = apply_filters( 'fv_flowplayer_args_pre', $args );

510	$attributes['data-rtmp'] = $rtmp_server;
511	}
512
513	+ if( !$this->_get_option('allowfullscreen') \|\| isset($this->aCurArgs['fullscreen']) && $this->aCurArgs['fullscreen'] == 'false' ) {
514	$attributes['data-fullscreen'] = 'false';
515	}
516

529	$attributes['data-dvr'] = 'true';
530	}
531
532	+ if( isset($this->aCurArgs['hd_streaming']) ) {
533	+ $attributes['data-hd_streaming'] = $this->aCurArgs['hd_streaming'];
534	+ }
535	+
536	+ if( isset($this->aCurArgs['volume']) ) {
537	+ $attributes['data-volume'] = floatval($this->aCurArgs['volume']);
538	+ $attributes['class'] .= ' no-volume';
539	+ }
540	+
541	$playlist = '';
542	$is_preroll = false;
543	if( isset($playlist_items_external_html) ) {

models/flowplayer.php CHANGED Viewed

@@ -139,8 +139,12 @@ class flowplayer extends FV_Wordpress_Flowplayer_Plugin_Private {
                 add_filter( 'fv_player_custom_css', array( $this, 'popup_css' ) );
-            -
                add_action( 'wp_head', array( $this, 'template_embed_buffer' ), 999999);
-            -
                add_action( 'wp_footer', array( $this, 'template_embed' ), 0 );
                 add_action( 'do_rocket_lazyload', array( $this, 'preview_no_lazy_load' ) );
@@ -2079,7 +2083,7 @@ class flowplayer extends FV_Wordpress_Flowplayer_Plugin_Private {
+              }
               function template_embed() {
-            -
                 if( $embed_id = get_query_var('fv_player_embed') ) {
                   $content = ob_get_contents();
                   ob_clean();
@@ -2097,90 +2101,9 @@ class flowplayer extends FV_Wordpress_Flowplayer_Plugin_Private {
               </style>
             </head>
             <body class="fv-player-preview">
-            -
              <?php if( isset($_GET['fv_player_preview']) && !empty($_GET['fv_player_preview']) ) :
-            -
-            -
                if( !is_user_logged_in() || !current_user_can('edit_posts') || !wp_verify_nonce( $embed_id,"fv-player-preview-".get_current_user_id() ) ){
-            -
                  ?><script>window.parent.jQuery(window.parent.document).trigger('fvp-preview-complete');</script>
-            -
                  <div style="background:white;">
-            -
                    <div id="wrapper" style="background:white; overflow:hidden; <?php echo $width . $height; ?>;">
-            -
                      <h1 style="margin: auto;text-align: center; padding: 60px; color: darkgray;">Please log in.</h1>
-            -
                    </div>
-            -
                  </div>
-            -
                  <?php
-            -
                  die();
-            -
                }
-            -
                $dataInPost = ($_GET['fv_player_preview'] === 'POST');
-            -
                $shortcode = (!$dataInPost ? base64_decode($_GET['fv_player_preview']) : json_decode( stripslashes($_POST['fv_player_preview_json']), true ) );
-            -
                $shortcode = apply_filters('fv_player_preview_data', $shortcode);
-            -
-            -
                $matches = null;
-            -
                $width ='';
-            -
                $height ='';
-            -
-            -
                // width from regular shortcdode data
-            -
                if (!$dataInPost && preg_match('/width="([0-9.,]*)"/', $shortcode, $matches)){
-            -
                  $width = 'width:'.$matches[1].'px;';
-            -
                }
-            -
-            -
                // width from DB shortcdode data
-            -
                if ($dataInPost && !empty($shortcode['fv_wp_flowplayer_field_width'])){
-            -
                  $width = 'width:'.$shortcode['fv_wp_flowplayer_field_width'].'px;';
-            -
                }
-            -
-            -
                // height from regular shortcdode data
-            -
                if(!$dataInPost && preg_match('/height="([0-9.,]*)"/', $shortcode, $matches)){
-            -
                  $height = 'min-height:'.$matches[1].'px;';
-            -
                }
-            -
-            -
                // height from DB shortcdode data
-            -
                if ($dataInPost && !empty($shortcode['fv_wp_flowplayer_field_height'])){
-            -
                  $height = 'min-height:'.$shortcode['fv_wp_flowplayer_field_height'].'px;';
-            -
                }
-            -
-            -
                ?>
-            -
                <div style="background:white;">
-            -
                  <div id="wrapper" style="background:white; overflow:hidden; <?php echo $width . $height; ?>;">
-            -
                    <?php
-            -
                    // regular shortcode data with source
-            -
                    global $fv_fp;
-            -
                    if (!$dataInPost && preg_match('/id="\d+"|src="[^"][^"]*"/i',$shortcode)) {
-            -
                      $aAtts = shortcode_parse_atts($shortcode);
-            -
                      if ( $aAtts && !empty($aAtts['liststyle'] ) && $aAtts['liststyle'] == 'vertical' || $fv_fp->_get_option('liststyle') == 'vertical' ) {
-            -
                        _e('The preview is too narrow, vertical playlist will shift below the player as it would on mobile.','fv-wordpress-flowplayer');
-            -
                      }
-            -
                      echo do_shortcode($shortcode);
-            -
                    } else if ($dataInPost) {
-            -
                      // DB-based shortcode data
-            -
                      if (
-            -
                        !empty($shortcode['fv_wp_flowplayer_field_playlist']) &&
-            -
                        $shortcode['fv_wp_flowplayer_field_playlist'] == 'vertical' ||
-            -
                        $fv_fp->_get_option('liststyle') == 'vertical'
-            -
                      ) {
-            -
                        _e('The preview is too narrow, vertical playlist will shift below the player as it would on mobile.','fv-wordpress-flowplayer');
-            -
                      }
-            -
-            -
                      // note: we need to put "src" into the code or it won't get parsed at all
-            -
                      //       and at the same time, it displays the correct SRC in the preview
-            -
                      if( count($shortcode['videos']) > 0 ) {
-            -
                        $tmp = array_reverse($shortcode['videos']);
-            -
                        $item = array_pop($tmp);
-            -
                        $src = $item['fv_wp_flowplayer_field_src'];
-            -
                      } else {
-            -
                        $src = 'none';
-            -
                      }
-            -
                      echo do_shortcode('[fvplayer src="'.$src.'" id="POST"]');
-            -
                    } else { ?>
-            -
                      <h1 style="margin: auto;text-align: center; padding: 60px; color: darkgray;">No video.</h1>
-            -
                      <?php
-            -
                    }
-            -
                    ?>
-            -
                  </div>
-            -
                </div>
-            -
-            -
              <?php else :
-            -
                 if( stripos($content,'<!--fv player end-->') !== false ) {
-            -
                   $bFound = false;
                   $rewrite = get_option('rewrite_rules');
                   if( empty($rewrite) ) {
@@ -2189,7 +2112,7 @@ class flowplayer extends FV_Wordpress_Flowplayer_Plugin_Private {
                     $sPostfix = $embed_id == 1 ? 'fvp' : 'fvp'.$embed_id;
                     $sLink = user_trailingslashit( trailingslashit( get_permalink() ).$sPostfix );
+                  }
-            -
                   $aPlayers = explode( '<!--fv player end-->', $content );
                   if( $aPlayers ) {
                     foreach( $aPlayers AS $k => $v ) {
@@ -2200,45 +2123,25 @@ class flowplayer extends FV_Wordpress_Flowplayer_Plugin_Private {
+                      }
+                    }
+                  }
-            -
                   if( !$bFound && is_numeric($embed_id) && !empty($aPlayers[$embed_id-1]) ) {
                     echo substr($aPlayers[$embed_id-1], stripos($aPlayers[$embed_id-1],'<div id="wpfp_') );
                     $bFound = true;
+                  }
-            -
                   if( !$bFound ) {
                     echo "<p>Player not found, see the full article: <a href='".get_permalink()."' target='_blank'>".get_the_title()."</a>.</p>";
-            -
                  }
-            -
-            -
                }
-            -
              endif;
-            -
-            -
              wp_footer();
-            -
-            -
              if( isset($_GET['fv_player_preview']) && !empty($_GET['fv_player_preview']) ) : ?>
-            -
                <script>
-            -
                jQuery(document).ready( function(){
-            -
                  var parent = window.parent.jQuery(window.parent.document);
-            -
                  if( typeof(flowplayer) != "undefined" ) {
-            -
                    parent.trigger('fvp-preview-complete', [jQuery(document).width(),jQuery(document).height()]);
-            -
-            -
                  } else {
-            -
                    parent.trigger('fvp-preview-error');
+                  }
-            -
-            -
                });
-            -
-            -
                if (window.top===window.self) {
-            -
                  jQuery('#wrapper').css('margin','25px 50px 0 50px');
-            -
                }
-            -
                </script>
-            -
              <?php endif; ?>
-            -
            </body>
-            -
            </html>
-            -
                  <?php
-            -
                  exit();
+                }
+              }
@@ -2249,6 +2152,137 @@ class flowplayer extends FV_Wordpress_Flowplayer_Plugin_Private {
                 return $value;
+              }
+            }
             function fv_wp_flowplayer_save_post( $post_id ) {


139
140	add_filter( 'fv_player_custom_css', array( $this, 'popup_css' ) );
141
142	+ if( !empty($_GET['fv_player_preview']) ) {
143	+ add_action( 'template_redirect', array( $this, 'template_preview' ), 0 );
144	+ } else {
145	+ add_action( 'wp_head', array( $this, 'template_embed_buffer' ), 999999);
146	+ add_action( 'wp_footer', array( $this, 'template_embed' ), 0 );
147	+ }
148
149	add_action( 'do_rocket_lazyload', array( $this, 'preview_no_lazy_load' ) );
150

2083	}
2084
2085	function template_embed() {
2086	+ // Generate embed html
2087	if( $embed_id = get_query_var('fv_player_embed') ) {
2088	$content = ob_get_contents();
2089	ob_clean();

2101	</style>
2102	</head>
2103	<body class="fv-player-preview">
2104	+ <?php

















































































2105	if( stripos($content,'<!--fv player end-->') !== false ) {
2106	+
2107	$bFound = false;
2108	$rewrite = get_option('rewrite_rules');
2109	if( empty($rewrite) ) {

2112	$sPostfix = $embed_id == 1 ? 'fvp' : 'fvp'.$embed_id;
2113	$sLink = user_trailingslashit( trailingslashit( get_permalink() ).$sPostfix );
2114	}
2115	+
2116	$aPlayers = explode( '<!--fv player end-->', $content );
2117	if( $aPlayers ) {
2118	foreach( $aPlayers AS $k => $v ) {

2123	}
2124	}
2125	}
2126	+
2127	if( !$bFound && is_numeric($embed_id) && !empty($aPlayers[$embed_id-1]) ) {
2128	echo substr($aPlayers[$embed_id-1], stripos($aPlayers[$embed_id-1],'<div id="wpfp_') );
2129	$bFound = true;
2130	}
2131	+
2132	if( !$bFound ) {
2133	echo "<p>Player not found, see the full article: <a href='".get_permalink()."' target='_blank'>".get_the_title()."</a>.</p>";
















2134	}








2135
2136	+ }
2137
2138	+ wp_footer();
2139	+
2140	+ ?>
2141	+ </body>
2142	+ </html>
2143	+ <?php
2144	+ exit();
2145	}
2146	}
2147

2152	return $value;
2153	}
2154
2155	+ function template_preview() {
2156	+ // Generate preview html
2157	+ show_admin_bar(false);
2158	+ ?>
2159	+ <html>
2160	+ <head>
2161	+ <?php wp_head(); ?>
2162	+ <style>
2163	+ body { margin: 0; padding: 0; overflow:hidden; background:white;}
2164	+ body:before { height: 0px!important;}
2165	+ html {margin-top: 0px !important; overflow:hidden; }
2166	+ </style>
2167	+ </head>
2168	+ <body class="fv-player-preview">
2169	+ <?php
2170	+
2171	+ $embed_id = get_query_var('fv_player_embed');
2172	+
2173	+ if( isset($_GET['fv_player_preview']) && !empty($_GET['fv_player_preview']) ) :
2174	+ if( !is_user_logged_in() \|\| !current_user_can('edit_posts') \|\| !wp_verify_nonce( $embed_id,"fv-player-preview-".get_current_user_id() ) ){
2175	+ ?><script>window.parent.jQuery(window.parent.document).trigger('fvp-preview-complete');</script>
2176	+ <div style="background:white;">
2177	+ <div id="wrapper" style="background:white; overflow:hidden; <?php echo $width . $height; ?>;">
2178	+ <h1 style="margin: auto;text-align: center; padding: 60px; color: darkgray;">Please log in.</h1>
2179	+ </div>
2180	+ </div>
2181	+ <?php
2182	+ die();
2183	+ }
2184	+
2185	+ $dataInPost = ($_GET['fv_player_preview'] === 'POST');
2186	+ $shortcode = (!$dataInPost ? base64_decode($_GET['fv_player_preview']) : json_decode( stripslashes($_POST['fv_player_preview_json']), true ) );
2187	+ $shortcode = apply_filters('fv_player_preview_data', $shortcode);
2188	+
2189	+ $matches = null;
2190	+ $width ='';
2191	+ $height ='';
2192	+
2193	+ // width from regular shortcdode data
2194	+ if (!$dataInPost && preg_match('/width="([0-9.,]*)"/', $shortcode, $matches)) {
2195	+ $width = 'width:'.$matches[1].'px;';
2196	+ }
2197	+
2198	+ // width from DB shortcdode data
2199	+ if ($dataInPost && !empty($shortcode['fv_wp_flowplayer_field_width'])) {
2200	+ $width = 'width:'.$shortcode['fv_wp_flowplayer_field_width'].'px;';
2201	+ }
2202	+
2203	+ // height from regular shortcdode data
2204	+ if(!$dataInPost && preg_match('/height="([0-9.,]*)"/', $shortcode, $matches)) {
2205	+ $height = 'min-height:'.$matches[1].'px;';
2206	+ }
2207	+
2208	+ // height from DB shortcdode data
2209	+ if ($dataInPost && !empty($shortcode['fv_wp_flowplayer_field_height'])) {
2210	+ $height = 'min-height:'.$shortcode['fv_wp_flowplayer_field_height'].'px;';
2211	+ }
2212	+
2213	+ ?>
2214	+ <div style="background:white;">
2215	+ <div id="wrapper" style="background:white; overflow:hidden; <?php echo $width . $height; ?>;">
2216	+ <?php
2217	+ // regular shortcode data with source
2218	+ global $fv_fp;
2219	+ if (!$dataInPost && preg_match('/id="\d+"\|src="[^"][^"]*"/i',$shortcode)) {
2220	+ $aAtts = shortcode_parse_atts($shortcode);
2221	+ if ( $aAtts && !empty($aAtts['liststyle'] ) && $aAtts['liststyle'] == 'vertical' \|\| $fv_fp->_get_option('liststyle') == 'vertical' ) {
2222	+ _e('The preview is too narrow, vertical playlist will shift below the player as it would on mobile.','fv-wordpress-flowplayer');
2223	+ }
2224	+ echo do_shortcode($shortcode);
2225	+ } else if ($dataInPost) {
2226	+ // DB-based shortcode data
2227	+ if (
2228	+ !empty($shortcode['fv_wp_flowplayer_field_playlist']) &&
2229	+ $shortcode['fv_wp_flowplayer_field_playlist'] == 'vertical' \|\|
2230	+ $fv_fp->_get_option('liststyle') == 'vertical'
2231	+ ) {
2232	+ _e('The preview is too narrow, vertical playlist will shift below the player as it would on mobile.','fv-wordpress-flowplayer');
2233	+ }
2234	+
2235	+ // note: we need to put "src" into the code or it won't get parsed at all
2236	+ // and at the same time, it displays the correct SRC in the preview
2237	+ if( count($shortcode['videos']) > 0 ) {
2238	+ $tmp = array_reverse($shortcode['videos']);
2239	+ $item = array_pop($tmp);
2240	+ $src = $item['fv_wp_flowplayer_field_src'];
2241	+ } else {
2242	+ $src = 'none';
2243	+ }
2244	+ echo do_shortcode('[fvplayer src="'.$src.'" id="POST"]');
2245	+ } else { ?>
2246	+ <h1 style="margin: auto;text-align: center; padding: 60px; color: darkgray;">No video.</h1>
2247	+ <?php
2248	+ }
2249	+ ?>
2250	+ </div>
2251	+ </div>
2252	+
2253	+ <?php
2254	+
2255	+ endif;
2256	+
2257	+ ?>
2258	+ <?php
2259	+ wp_footer();
2260	+ if( isset($_GET['fv_player_preview']) && !empty($_GET['fv_player_preview']) ) :
2261	+ ?>
2262	+ <script>
2263	+ jQuery(document).ready( function(){
2264	+ var parent = window.parent.jQuery(window.parent.document);
2265	+ if( typeof(flowplayer) != "undefined" ) {
2266	+ parent.trigger('fvp-preview-complete', [jQuery(document).width(),jQuery(document).height()]);
2267	+
2268	+ } else {
2269	+ parent.trigger('fvp-preview-error');
2270	+ }
2271	+
2272	+ });
2273	+
2274	+ if (window.top===window.self) {
2275	+ jQuery('#wrapper').css('margin','25px 50px 0 50px');
2276	+ }
2277	+ </script>
2278	+ <?php endif; ?>
2279	+ </body>
2280	+ </html>
2281	+ <?php
2282	+
2283	+ exit;
2284	+ }
2285	+
2286	}
2287
2288	function fv_wp_flowplayer_save_post( $post_id ) {

models/player-position-save.php CHANGED Viewed

	@@ -32,6 +32,13 @@ class FV_Player_Position_Save {
32
33	public function video_position_save() {
34	// TODO: XSS filter for POST values?







35	if (is_user_logged_in() && isset($_POST['videoTimes']) && ($times = $_POST['videoTimes']) && count($times)) {
36	$uid = get_current_user_id();
37	foreach ($times as $record) {


32
33	public function video_position_save() {
34	// TODO: XSS filter for POST values?
35	+ // check if videoTimes is not a JSON-encoded value, which will happen
36	+ // when the request came from a navigation.sendBeacon() call instead of the usual AJAX call
37	+ $decoded = json_decode(urldecode($_POST['videoTimes']), true);
38	+ if ($decoded !== false) {
39	+ $_POST['videoTimes'] = $decoded;
40	+ }
41	+
42	if (is_user_logged_in() && isset($_POST['videoTimes']) && ($times = $_POST['videoTimes']) && count($times)) {
43	$uid = get_current_user_id();
44	foreach ($times as $record) {

readme.txt CHANGED Viewed

	@@ -3,7 +3,7 @@ Contributors: FolioVision
3	Donate link: https://foliovision.com/donate
4	Tags: video player, flowplayer, mobile video, html5 video, Vimeo, html5 player, youtube player, youtube playlist, video playlist, RTMP, Cloudfront, HLS
5	Requires at least: 3.5
6	- Tested up to: 5.3
7	Stable tag: trunk
8	License: GPLv3 or later
9	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	@@ -357,6 +357,18 @@ Thank you for being part of the HMTL 5 mobile video revolution!
357
358	== Changelog ==
359












360	= 7.4.14.727 - 2020/01/28 =
361
362	* HLS.js - enabling on iOS 13 and Safari above version 8


3	Donate link: https://foliovision.com/donate
4	Tags: video player, flowplayer, mobile video, html5 video, Vimeo, html5 player, youtube player, youtube playlist, video playlist, RTMP, Cloudfront, HLS
5	Requires at least: 3.5
6	+ Tested up to: 5.4
7	Stable tag: trunk
8	License: GPLv3 or later
9	License URI: http://www.gnu.org/licenses/gpl-3.0.html

357
358	== Changelog ==
359
360	+ = 7.4.17.727 - 2020/04/08 =
361	+
362	+ * New setting - Multiple video playback - enable to allow multiple videos to play at the same time, only the last played video remains audible, the others are muted
363	+ * Editor - Preview is now using a simpler and faster code
364	+ * Iframe embedding - when you embed a playlist, it remembers which video did you play when obtaining the iframe embed code
365	+ * iOS - better way of detecting 403 HTTP errors during playback
366	+ * Subtitles - improving to show the first matching subtitle line when subtitles are first enabled, until now it would wait before playback time reaches another subtitle line
367	+ * Volume control - dragging it down to zero mutes the video and shows the un-mute icon, which restores the last volume when clicked
368	+ * Bugfix - Lightbox - Proper sizing for mobile landscape view
369	+ * Bugfix - Video duration scanning when posting new files using editor and not using FV Player Pro
370	+ * Bugfix - Video Position Saving - not working for logged in users in Chrome version >= 80
371	+
372	= 7.4.14.727 - 2020/01/28 =
373
374	* HLS.js - enabling on iOS 13 and Safari above version 8

test/integration/backend/settingsTest.php CHANGED Viewed

	@@ -15,6 +15,11 @@ final class FV_Player_SettingsTestCase extends FV_Player_UnitTestCase {
15	parent::wpSetUpBeforeClass();
16
17	remove_action( 'admin_init', 'wp_admin_headers' );





18	do_action( 'admin_init' );
19	}
20


15	parent::wpSetUpBeforeClass();
16
17	remove_action( 'admin_init', 'wp_admin_headers' );
18	+
19	+ remove_action( 'admin_init', '_maybe_update_core' );
20	+ remove_action( 'admin_init', '_maybe_update_plugins' );
21	+ remove_action( 'admin_init', '_maybe_update_themes' );
22	+
23	do_action( 'admin_init' );
24	}
25

test/integration/backend/testProfileScreen.html CHANGED Viewed

	@@ -6,6 +6,7 @@
6	<div class='fv-player-editor-preview'><iframe id='fv_vimeo_40a1ea9c2827d8afc50536475564effe' src='//player.vimeo.com/video/255317467' width='640' height='360' frameborder='0' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
7	</div>
8	<input class='attachement-shortcode fv-player-editor-field' name='fv_player_videos[_fv_player_user_video][]' type='hidden' value='[fvplayer src="https://vimeo.com/255317467" playlist="https://vimeo.com/192934117" caption=";Talking about FV Player"]' />

9	<div class='edit-video' >
10	<button class='button fv-player-editor-button'>Edit Video</button>
11	<button class='button fv-player-editor-remove'>Remove Video</button>
	@@ -21,6 +22,7 @@
21	<div class='fv-player-editor-preview'><iframe id='fv_vimeo_611247c19e9196fbf9433d589da255e1' src='//player.vimeo.com/video/255370388' width='640' height='360' frameborder='0' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
22	</div>
23	<input class='attachement-shortcode fv-player-editor-field' name='fv_player_videos[_fv_player_user_video][]' type='hidden' value='[fvplayer src="https://vimeo.com/255370388"]' />

24	<div class='edit-video' >
25	<button class='button fv-player-editor-button'>Edit Video</button>
26	<button class='button fv-player-editor-remove'>Remove Video</button>
	@@ -37,6 +39,7 @@
37	src='//www.youtube.com/embed/6ZfuNTqbHE8?origin=' frameborder='0' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
38	]</div>
39	<input class='attachement-shortcode fv-player-editor-field' name='fv_player_videos[_fv_player_user_video][]' type='hidden' value='[fvplayer src="https://www.youtube.com/watch?v=6ZfuNTqbHE8"]]' />

40	<div class='edit-video' >
41	<button class='button fv-player-editor-button'>Edit Video</button>
42	<button class='button fv-player-editor-remove'>Remove Video</button>


6	<div class='fv-player-editor-preview'><iframe id='fv_vimeo_40a1ea9c2827d8afc50536475564effe' src='//player.vimeo.com/video/255317467' width='640' height='360' frameborder='0' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
7	</div>
8	<input class='attachement-shortcode fv-player-editor-field' name='fv_player_videos[_fv_player_user_video][]' type='hidden' value='[fvplayer src="https://vimeo.com/255317467" playlist="https://vimeo.com/192934117" caption=";Talking about FV Player"]' />
9	+ <input name='fv_player_videos_before[_fv_player_user_video][]' type='hidden' value='0' />
10	<div class='edit-video' >
11	<button class='button fv-player-editor-button'>Edit Video</button>
12	<button class='button fv-player-editor-remove'>Remove Video</button>

22	<div class='fv-player-editor-preview'><iframe id='fv_vimeo_611247c19e9196fbf9433d589da255e1' src='//player.vimeo.com/video/255370388' width='640' height='360' frameborder='0' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
23	</div>
24	<input class='attachement-shortcode fv-player-editor-field' name='fv_player_videos[_fv_player_user_video][]' type='hidden' value='[fvplayer src="https://vimeo.com/255370388"]' />
25	+ <input name='fv_player_videos_before[_fv_player_user_video][]' type='hidden' value='0' />
26	<div class='edit-video' >
27	<button class='button fv-player-editor-button'>Edit Video</button>
28	<button class='button fv-player-editor-remove'>Remove Video</button>

39	src='//www.youtube.com/embed/6ZfuNTqbHE8?origin=' frameborder='0' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
40	]</div>
41	<input class='attachement-shortcode fv-player-editor-field' name='fv_player_videos[_fv_player_user_video][]' type='hidden' value='[fvplayer src="https://www.youtube.com/watch?v=6ZfuNTqbHE8"]]' />
42	+ <input name='fv_player_videos_before[_fv_player_user_video][]' type='hidden' value='0' />
43	<div class='edit-video' >
44	<button class='button fv-player-editor-button'>Edit Video</button>
45	<button class='button fv-player-editor-remove'>Remove Video</button>

test/integration/backend/testSettingsScreen.html CHANGED Viewed

@@ -1,6 +1,6 @@
             <div class="wrap">
             	<div style="position: absolute; margin-top: 10px; right: 10px;">
-            -
            		<a href="https://foliovision.com/wordpress/plugins/fv-wordpress-flowplayer" target="_blank" title="Documentation"><img alt="visit foliovision" src="//foliovision.com/shared/fv-logo.png" /></a>
             	</div>
               <div>
                 <div id="icon-options-general" class="icon32"></div>
@@ -47,9 +47,19 @@
                             <a href="#postbox-container-tab_skin" class="nav-tab" style="outline: 0px;">Skin</a>
                             <a href="#postbox-container-tab_hosting" class="nav-tab" style="outline: 0px;">Hosting</a>
                             <a href="#postbox-container-tab_actions" class="nav-tab" style="outline: 0px;">Actions</a>
-            -
                            <a href="#postbox-container-tab_video_intelligence" class="nav-tab" style="outline: 0px;">vi Ads</a>
                             <a href="#postbox-container-tab_help" class="nav-tab" style="outline: 0px;">Help</a>
                             <div id="fv_player_js_warning" style=" margin: 8px 40px; display: inline-block; color: darkgrey;" >There Is a Problem with JavaScript.</div>
                   </h2>
                 </div>
@@ -128,15 +138,6 @@
                               <input type="checkbox" name="interface[embed]" id="interface[embed]" value="true" />
                                                               </p>
                       </td>
-            -
                  </tr>
-            -
                                  <tr>
-            -
                      <td class="first"><label for="interface[live]">Live Stream:</label></td>
-            -
                      <td>
-            -
                          <p class="description">
-            -
                              <input type="hidden" name="interface[live]" value="false"/>
-            -
                              <input type="checkbox" name="interface[live]" id="interface[live]" value="true" />
-            -
                                                              </p>
-            -
                      </td>
                   </tr>
                                   <tr>
                       <td class="first"><label for="interface[mobile]">Mobile Video:</label></td>
@@ -166,7 +167,7 @@
                       </td>
                   </tr>
                                   <tr>
-            -
                      <td class="first"><label for="interface[playlist_captions]">Playlist Captions:</label></td>
                       <td>
                           <p class="description">
                               <input type="hidden" name="interface[playlist_captions]" value="false"/>
@@ -218,6 +219,15 @@
                               <input type="checkbox" name="interface[sticky]" id="interface[sticky]" value="true" />
                                                               </p>
                       </td>
                   </tr>
                                   <tr>
                       <td class="first"><label for="interface[end_actions]">Video Actions:</label></td>
@@ -239,15 +249,6 @@
                       </td>
                   </tr>
-            -
                            <tr>
-            -
                      <td class="first"><label for="interface[shortcode_editor_old]">Enable old interface:</label></td>
-            -
                      <td>
-            -
                          <p class="description">
-            -
                              <input type="hidden" name="interface[shortcode_editor_old]" value="false"/>
-            -
                              <input type="checkbox" name="interface[shortcode_editor_old]" id="interface[shortcode_editor_old]" value="true" />
-            -
                              Not recommended                                </p>
-            -
                      </td>
-            -
                  </tr>
             					<tr>
             						<td colspan="4">
@@ -267,11 +268,14 @@
                               <tr>
                       <td class="first"><label for="autoplay">Autoplay:</label></td>
-            -
                      <td>
-            -
                          <p class="description">
-            -
                              <input type="hidden" name="autoplay" value="false"/>
-            -
                              <input type="checkbox" name="autoplay" id="autoplay" value="true" />
-            -
                              We make sure only one video per page autoplays. Note that mobile devices don't support autoplay.                                </p>
                       </td>
                   </tr>
                                     <tr>
@@ -283,7 +287,15 @@
                               Works for first 2 videos on the page only, to preserve your bandwidth.                                </p>
                       </td>
                   </tr>
-            -
             						<tr>
             							<td><label for="width">Default Video Size:</label></td>
             							<td>
@@ -348,7 +360,15 @@
                                             </p>
                       </td>
                   </tr>
-            -
             						<tr>
             							<td><label for="rtmp">Flash Streaming Server:</label></td>
             							<td>
@@ -356,7 +376,18 @@
                               <input type="text" name="rtmp" id="rtmp" value="" placeholder="Enter your default RTMP streaming server (Amazon CloudFront domain)." />
                             </p>
             							</td>
-            -
            						</tr>
                               <tr>
                       <td class="first"><label for="allowfullscreen">Fullscreen Button:</label></td>
@@ -391,8 +422,26 @@
                               <option  value="top-right">Top-right</option>
                             </select>
                           </td>
-            -
            						</tr>
-            -
                               <tr>
                       <td class="first"><label for="ui_play_button">Play Button:</label></td>
                       <td>
@@ -412,7 +461,10 @@
                                 <option value="tabs"       >Tabs</option>
                                 <option value="prevnext"   >Prev/Next</option>
                                 <option value="vertical"   >Vertical</option>
-            -
                                <option value="slider"   >Slider</option>
                               </select>
                               Enter your default playlist style here                </p>
                           </td>
@@ -427,6 +479,26 @@
                               Shows a generic "Would you like to replay the video?" message at the end of each video.                                </p>
                       </td>
                   </tr>
                         <tr>
                           <td><label for="sharing_text">Sharing Text:</label></td>
@@ -497,8 +569,6 @@
                 </tr>
                 <script>
                   jQuery(document).ready(function(){
-            -
                    jQuery('[name="pro[interface][lightbox]"]').parents('td').replaceWith('<td><p>Setting <a href="#interface[live]">moved</a></p></td>');
-            -
                    jQuery('[name="pro[lightbox_images]"]').parents('td').replaceWith('<td><p>Setting <a href="#subtitleOn">moved</a></p></td>');
                     var lightbox_images = jQuery('#lightbox_images');
                     if(lightbox_images.attr('checked')){
                         jQuery('#lightbox-wp-galleries').show();
@@ -627,7 +697,15 @@ jQuery(document).ready(function($) {
             <div class="inside">
                     <p>Following options are suitable for web developers and programmers.</p>
             				<table class="form-table2">
-            -
                             <tr>
                       <td class="first"><label for="fixed_size">Always use fixed size player:</label></td>
                       <td>
@@ -653,7 +731,7 @@ jQuery(document).ready(function($) {
                           <p class="description">
                               <input type="hidden" name="hlsjs" value="false"/>
                               <input type="checkbox" name="hlsjs" id="hlsjs" value="true" checked="checked" />
-            -
                              Allows HLS playback in all modern browsers.                                        <span class="more">HLS normally plays only on iOS, Mac Safari and new Android versions. FV Player increases the compatibility by using Flash engine for HLS. With this option you can go even further and modern browsers supporting MediaSource will play HLS even without Flash. Make sure you setup the required CORS headers.</span> <a href="#" class="show-more">(&hellip;)</a>
                                             </p>
                       </td>
                   </tr>
@@ -691,12 +769,12 @@ jQuery(document).ready(function($) {
             					</tr>
                                   <tr>
-            -
                      <td class="first"><label for="integrations[wp_core_video]">Handle WordPress <code><small>[video]</small></code> shortcodes:</label></td>
                       <td>
                           <p class="description">
                               <input type="hidden" name="integrations[wp_core_video]" value="false"/>
                               <input type="checkbox" name="integrations[wp_core_video]" id="integrations[wp_core_video]" value="true" />
-            -
                              ...and also the YouTube links                                </p>
                       </td>
                   </tr>
                                   <tr>
@@ -719,15 +797,7 @@ jQuery(document).ready(function($) {
                                             </p>
                       </td>
                   </tr>
-            -
                                  <tr>
-            -
                      <td class="first"><label for="postthumbnail">Post Thumbnail:</label></td>
-            -
                      <td>
-            -
                          <p class="description">
-            -
                              <input type="hidden" name="postthumbnail" value="false"/>
-            -
                              <input type="checkbox" name="postthumbnail" id="postthumbnail" value="true" />
-            -
                              Setting a video splash screen from the media library will automatically make it the splash image if there is none.                                </p>
-            -
                      </td>
-            -
                  </tr>
                                   <tr>
                       <td class="first"><label for="rtmp-live-buffer">RTMP bufferTime tweak:</label></td>
                       <td>
@@ -745,7 +815,7 @@ jQuery(document).ready(function($) {
                           <p class="description">
                             <input type="hidden" name="db_duration" value="false" />
                             <input type="checkbox" name="db_duration" id="db_duration" value="true"  />
-            -
                            Turn off if you experience issues when saving posts!                <span class="more">Turn on to enable video duration scanning.                Currently  posts in queue.                </span> <a href="#" class="show-more">(&hellip;)</a>
                           </p>
             						</td>
             					</tr>
@@ -757,24 +827,6 @@ jQuery(document).ready(function($) {
             						</td>
             					</tr>-->
-            -
                            <tr>
-            -
                      <td class="first"><label for="integrations[embed_iframe]">Use iframe embedding:</label></td>
-            -
                      <td>
-            -
                          <p class="description">
-            -
                              <input type="hidden" name="integrations[embed_iframe]" value="false"/>
-            -
                              <input type="checkbox" name="integrations[embed_iframe]" id="integrations[embed_iframe]" value="true" />
-            -
                              Beta version! New kind of embedding which supports all the features in embedded player.                                </p>
-            -
                      </td>
-            -
                  </tr>
-            -
                                  <tr>
-            -
                      <td class="first"><label for="integrations[featured_img]">Add featured image automatically:</label></td>
-            -
                      <td>
-            -
                          <p class="description">
-            -
                              <input type="hidden" name="integrations[featured_img]" value="false"/>
-            -
                              <input type="checkbox" name="integrations[featured_img]" id="integrations[featured_img]" value="true" />
-            -
                              If the featured image is not set, splash image of the first player will be used.                                </p>
-            -
                      </td>
-            -
                  </tr>
                           <tr>
                   <td><label for="facebook_sharing">Facebook Video Sharing:</label></td>
@@ -785,6 +837,15 @@ jQuery(document).ready(function($) {
                       When sharing your post to Facebook the first MP4 video will be shared directly rather than the post excerpt.          <span class="more"><strong>Requirements</strong>: video has to be on https:// and splash screen has to be present. Videos with download protection are automatically excluded.</span> <a href="#" class="show-more">(&hellip;)</a>
                     </p>
                   </td>
                 </tr>
                 					<tr>
             						<td colspan="4">
@@ -809,7 +870,7 @@ jQuery(document).ready(function($) {
                       </td>
                   </tr>
                                   <tr>
-            -
                      <td class="first"><label for="mobile_force_fullscreen">Force fullscreen on mobile (beta):</label></td>
                       <td>
                           <p class="description">
                               <input type="hidden" name="mobile_force_fullscreen" value="false"/>
@@ -817,6 +878,24 @@ jQuery(document).ready(function($) {
                               Video playback will start in fullscreen. iPhone with iOS < 10 always forces fullscreen for video playback.                                </p>
                       </td>
                   </tr>
                   					<tr>
             						<td colspan="4">
             							<input type="submit" name="fv-wp-flowplayer-submit" class="button-primary" value="Save All Changes" />
@@ -849,10 +928,10 @@ jQuery(document).ready(function($) {
                     </td>
                   </tr>
                   <tr>
-            -
                    <td><label for="video_sitemap_meta">Sitemap Post Meta <a href="#" class="show-more">(?)</a>:</label></td>
                     <td>
                       <input  id="video_sitemap_meta" name="video_sitemap_meta" type="text"  value="" />
-            -
                      <p class="description"><span class="more">You can enter post meta keys here, use <code>,</code> to separate multiple values.</span></p>
                     </td>
                   </tr>
                   <tr>
@@ -960,8 +1039,7 @@ jQuery(document).ready(function($) {
               </table>
               </div>
             </div>
-            -
            </div><input type="hidden" id="closedpostboxesnonce" name="closedpostboxesnonce" value="d28516cc79" /><input type="hidden" id="meta-box-order-nonce" name="meta-box-order-nonce" value="3edef551d9" />
-            -
                  </div>
                         <div id='postbox-container-tab_skin' class='postbox-container' style="">
             				<div id="normal-sortables" class="meta-box-sortables"><div id="fv_flowplayer_description" class="postbox " >
             <button type="button" class="handlediv" aria-expanded="true"><span class="screen-reader-text">Toggle panel:  </span><span class="toggle-indicator" aria-hidden="true"></span></button><h2 class="hndle"><span> </span></h2>
@@ -977,100 +1055,290 @@ jQuery(document).ready(function($) {
             </div>
             </div>
             <div id="flowplayer-wrapper" class="postbox " >
-            -
            <button type="button" class="handlediv" aria-expanded="true"><span class="screen-reader-text">Toggle panel: Player Skin</span><span class="toggle-indicator" aria-hidden="true"></span></button><h2 class="hndle"><span>Player Skin</span></h2>
-            -
            <div class="inside">
-            -
            <style id="fv-style-preview"></style>
-            -
              <div class="flowplayer-wrapper">
-            -
                <div id="wpfp_1b7da827d9fee9aa6d5bb9c5dca973bf" class="flowplayer no-brand is-splash fvp-play-button" style="max-width: 100%; background-image: url(https://i.vimeocdn.com/video/609485450_1280.jpg);" data-ratio="0.5625">
-            -
            	<div class="fp-ratio" style="padding-top: 56.25%"></div>
-            -
            <div class='fvp-share-bar'><ul class="fvp-sharing">
-            -
                <li><a class="sharing-facebook" href="https://www.facebook.com/sharer/sharer.php?u=" target="_blank">Facebook</a></li>
-            -
                <li><a class="sharing-twitter" href="https://twitter.com/home?status=Test+Blog+" target="_blank">Twitter</a></li>
-            -
                <li><a class="sharing-google" href="https://plus.google.com/share?url=" target="_blank">Google+</a></li>
-            -
                <li><a class="sharing-email" href="mailto:?body=Check%20out%20the%20amazing%20video%20here%3A%20" target="_blank">Email</a></li></ul><div><label><a class="embed-code-toggle" href="#"><strong>Embed</strong></a></label></div><div class="embed-code"><label>Copy and paste this HTML code into your webpage to embed.</label><textarea></textarea></div></div>
-            -
            </div>
-            -
            	    Hint: play the video to see live preview of the color settings  </div>
-            -
              <table class="form-table2 flowplayer-settings fv-player-interface-form-group">
-            -
                <tr>
-            -
                  <td><label for="hasBorder">Border</label></td>
-            -
                  <td><input type="hidden" name="hasBorder" value="false" />
-            -
                      <input type="checkbox" name="hasBorder" id="hasBorder" value="true"
-            -
                             data-fv-preview=".flowplayer{border:%val%px solid!important;}"/>
-            -
                  </td>
-            -
-            -
                </tr>
-            -
                <tr>
-            -
                  <td><label for="borderColor">Border color</label></td>
-            -
                  <td><input class="color" id="borderColor" name="borderColor" type="text"  value="#666666"
-            -
                             data-fv-preview=".flowplayer{border-color:#%val%!important;}"/></td>
-            -
                </tr>
-            -
                <tr>
-            -
                  <td><label for="marginBottom">Bottom Margin</label></td>
-            -
                  <td><input id="marginBottom" name="marginBottom" title="Enter value in pixels" type="text" value="28"
-            -
                             data-fv-preview=".flowplayer { margin: 0 auto %val%px auto!important; display: block!important; }
-            -
                .flowplayer.fixed-controls { margin: 0 auto calc(%val%px + 30px) auto!important; display: block!important; }
-            -
                .flowplayer.has-abloop { margin-bottom: %val%px!important; }
-            -
                .flowplayer.fixed-controls.has-abloop { margin-bottom: calc(%val%px + 30px)!important; }"/></td>
-            -
                </tr>
-            -
                <tr>
-            -
                  <td><label for="bufferColor">Buffer</label></td>
-            -
                  <td><input class="color" id="bufferColor" name="bufferColor" type="text" value="#eeeeee"
-            -
                             data-fv-preview=".flowplayer .fp-volumeslider, .flowplayer .noUi-background { background-color: #%val% !important; }
-            -
                             .flowplayer .fp-buffer, .flowplayer .fv-ab-loop .noUi-handle { background-color: #%val% !important; }" /></td>
-            -
                </tr>
-            -
                <tr>
-            -
                  <td><label for="canvas">Canvas</label></td>
-            -
                  <td><input class="color" id="canvas" name="canvas" type="text" value="#000000"
-            -
                             data-fv-preview=".flowplayer { background-color: #%val%!important; }"/></td>
-            -
                </tr>
-            -
                <tr>
-            -
                  <td><label for="backgroundColor">Controlbar</label></td>
-            -
                  <td><input class="color" id="backgroundColor" name="backgroundColor" type="text" value="#333333"
-            -
                             data-fv-preview=".flowplayer .fv-ab-loop .noUi-handle  { color:#%val%!important; }
-            -
                             .fv_player_popup {  background: #%val%!important;}
-            -
                             .fvfp_admin_error_content {  background: #%val%!important; }
-            -
                             .flowplayer .fp-controls, .flowplayer .fv-ab-loop, .fv-player-buttons a:active, .fv-player-buttons a { background-color: #%val% !important; }"/></td>
-            -
                </tr>
-            -
                <tr>
-            -
                  <td><label for="font-face">Font Face</label></td>
-            -
                  <td>
-            -
                            <select id="font-face" name="font-face" data-fv-preview="#content .flowplayer, .flowplayer { font-family: %val%; }">
-            -
                      <option value="inherit">(inherit from template)</option>
-            -
                      <option value="&quot;Courier New&quot;, Courier, monospace">Courier New</option>
-            -
                      <option value="Tahoma, Geneva, sans-serif" selected="selected">Tahoma, Geneva</option>
-            -
                    </select>
-            -
                  </td>
-            -
                </tr>
-            -
                <tr>
-            -
                  <td class="second-column"><label for="player-position">Player position</label></td>
-            -
                  <td>
-            -
                    <select id="player-position" name="player-position" data-fv-preview=".flowplayer { margin-left: 0; }">
-            -
                      <option value="" selected="selected">Centered</option>
-            -
                      <option value="left">Left (no text-wrap)</option>
-            -
                    </select>
-            -
                  </td>
-            -
                </tr>
-            -
                <tr>
-            -
                  <td><label for="progressColor">Progress</label></td>
-            -
                  <td><input class="color" id="progressColor" name="progressColor" type="text" value="#bb0000"
-            -
                       data-fv-preview=".flowplayer .fp-volumelevel { background-color: #%val%!important; }
-            -
                      .flowplayer .fp-progress, .flowplayer .fv-ab-loop .noUi-connect, .fv-player-buttons a.current { background-color: #%val% !important; }
-            -
                      .flowplayer .fp-dropdown li.active { background-color: #%val% !important }"/></td>
-            -
                </tr>
-            -
                <tr>
-            -
                  <td><label for="timeColor">Time</label></td>
-            -
                  <td><input class="color" id="timeColor" name="timeColor" type="text" value="#eeeeee"
-            -
                             data-fv-preview=".flowplayer .fp-elapsed { color: #%val% !important; }
-            -
                             .fv-wp-flowplayer-notice-small { color: #%val% !important; }"/></td>
-            -
                </tr>
-            -
                <tr>
-            -
                  <td><label for="durationColor">Total time</label></td>
-            -
                  <td><input class="color" id="durationColor" name="durationColor" type="text" value="#eeeeee"
-            -
                             data-fv-preview=".flowplayer .fp-controls, .flowplayer .fv-ab-loop, .fv-player-buttons a:active, .fv-player-buttons a { color:#%val% !important; }"/></td>
-            -
                </tr>
-            -
                <tr>
-            -
                  <td colspan="2">
-            -
                    <input type="submit" name="fv-wp-flowplayer-submit" class="button-primary" value="Save All Changes" />
                   </td>
                 </tr>
               </table>
@@ -1081,10 +1349,10 @@ jQuery(document).ready(function($) {
             <button type="button" class="handlediv" aria-expanded="true"><span class="screen-reader-text">Toggle panel: Playlist</span><span class="toggle-indicator" aria-hidden="true"></span></button><h2 class="hndle"><span>Playlist</span></h2>
             <div class="inside">
               <div class="flowplayer-wrapper">
-            -
                <div class="fp-playlist-external fv-playlist-design-2017 fp-playlist-horizontal fp-playlist-has-captions" rel="wpfp_1b7da827d9fee9aa6d5bb9c5dca973bf">
-            -
            		<a href='#' onclick='return false' data-item='{"sources":[{"src":"https:\/\/player.vimeo.com\/external\/196881410.hd.mp4?s=24645ecff21ff60079fc5b7715a97c00f90c6a18&profile_id=174&oauth2_token_id=3501005","type":"video\/mp4"}],"subtitles":[{"srclang":"en","label":"English","src":"http:\/\/example.org\/wp-content\/plugins\/fv-wordpress-flowplayer\/images\/test-subtitles.vtt"}]}'><div style='background-image: url("https://i.vimeocdn.com/video/608654918_295x166.jpg")'></div><h4><span>Foliovision Video</span></h4></a>
-            -
            		<a href='#' onclick='return false' data-item='{"sources":[{"src":"https:\/\/player.vimeo.com\/external\/224781088.sd.mp4?s=face4dbb990b462826c8e1e43a9c66c6a9bb5585&profile_id=165&oauth2_token_id=3501005","type":"video\/mp4"}]}'><div style='background-image: url("https://i.vimeocdn.com/video/643908843_295x166.jpg")'></div><h4><span>Lapinthrope Extras - Roy Thompson Hall Dance</span></h4></a>
-            -
            		<a href='#' onclick='return false' data-item='{"sources":[{"src":"https:\/\/player.vimeo.com\/external\/45864857.hd.mp4?s=94fddee594da3258c9e10355f5bad8173c4aee7b&profile_id=113&oauth2_token_id=3501005","type":"video\/mp4"}]}'><div style='background-image: url("https://i.vimeocdn.com/video/319116053_295x166.jpg")'></div><h4><span>Romeo and Juliet Ballet Schloss Kittsee</span></h4></a>
             	</div>
             Hint: you can click the thumbnails to switch videos in the above player. This preview uses the horizontal playlist style.
               </div>
@@ -1107,14 +1375,13 @@ Hint: you can click the thumbnails to switch videos in the above player. This pr
                 <tr>
                   <td><label for="playlistSelectedColor">Active Item</label></td>
                   <td><input class="color" id="playlistSelectedColor" name="playlistSelectedColor" type="text" value="#bb0000"
-            -
                             data-fv-preview=".fp-playlist-external.fv-playlist-design-2014 a.is-active,.fp-playlist-external.fv-playlist-design-2014 a.is-active h4,.fp-playlist-external.fp-playlist-only-captions a.is-active,.fp-playlist-external.fp-playlist-only-captions a.is-active h4  { color:#%val%; }"/></td>
                 </tr>
                 <tr>
                   <td><label for="playlistFontColor-proxy">Font Color</label></td>
                           <td>
-            -
                    <input class="color" id="playlistFontColor-proxy" data-previous="" style="display:none;" type="text" value="" />
-            -
                    <input id="playlistFontColor" name="playlistFontColor" type="hidden" value=""
-            -
                           data-fv-preview=".fp-playlist-external > a { color:#%val%; } #dashboard-widgets .flowplayer-wrapper .fp-playlist-external h4{color: #%val% !important;}"/>
                     <a class="playlistFontColor-show" >Use custom color</a>
                     <a class="playlistFontColor-hide" style="display:none;">Inherit from theme</a>
                   </td>
@@ -1135,7 +1402,7 @@ Hint: you can click the thumbnails to switch videos in the above player. This pr
                 <tr>
                   <td><label for="subtitle-font-face">Font Face</label></td>
                   <td>
-            -
                    <select id="subtitle-font-face" name="subtitleFontFace" data-fv-preview=".flowplayer .fp-subtitle .fp-subtitle-line { font-family: %val%!important; }">
                       <option value="inherit">(inherit)</option>
                       <option value="&quot;Courier New&quot;, Courier, monospace">Courier New</option>
                       <option value="Tahoma, Geneva, sans-serif">Tahoma, Geneva</option>
@@ -1145,18 +1412,13 @@ Hint: you can click the thumbnails to switch videos in the above player. This pr
                 <tr>
                   <td><label for="subtitleSize">Font Size</label></td>
                   <td><input id="subtitleSize" name="subtitleSize" title="Enter value in pixels" type="text" value="16"
-            -
                             data-fv-preview=".flowplayer .fp-subtitle .fp-subtitle-line { font-size: %val%px!important; }"/></td>
                 </tr>
                 <tr>
                   <td><label for="subtitleBgColor">Background Color</label></td>
-            -
                  <td><input class="color" id="subtitleBgColor" name="subtitleBgColor" type="text" value="#000000"
-            -
                             data-fv-preview=".flowplayer .fp-subtitle .fp-subtitle-line { background-color: rgba(%val%)!important; }"/></td>
                 </tr>
-            -
                <tr>
-            -
                  <td><label for="subtitleBgAlpha">Background Opacity</label></td>
-            -
                  <td><input id="subtitleBgAlpha" name="subtitleBgAlpha" type="range" min="0" max="1" step="0.01"  value="0.5"
-            -
                             data-fv-preview=""/></td>
-            -
                </tr>
                 <tr>
                   <td colspan="2">
                     <input type="submit" name="fv-wp-flowplayer-submit" class="button-primary" value="Save All Changes" />
@@ -1164,10 +1426,10 @@ Hint: you can click the thumbnails to switch videos in the above player. This pr
                 </tr>
               </table>
               <div id="fp-preview-wrapper">
-            -
                <div class="flowplayer"id="preview">
-            -
                  <div class="fp-subtitle fp-active">
-            -
                    <span class="fp-subtitle-line">
-            -
                      The quick brown fox jumps over the lazy dog.        </span>
                   </div>
                 </div>
               </div>
@@ -1214,8 +1476,7 @@ Hint: you can click the thumbnails to switch videos in the above player. This pr
               <div style="clear: both"></div>
             </div>
             </div>
-            -
            </div><input type="hidden" id="closedpostboxesnonce" name="closedpostboxesnonce" value="d28516cc79" /><input type="hidden" id="meta-box-order-nonce" name="meta-box-order-nonce" value="3edef551d9" />
-            -
                  </div>
                         <div id='postbox-container-tab_hosting' class='postbox-container' style="">
             				<div id="normal-sortables" class="meta-box-sortables"><div id="fv_flowplayer_description" class="postbox " >
             <button type="button" class="handlediv" aria-expanded="true"><span class="screen-reader-text">Toggle panel:  </span><span class="toggle-indicator" aria-hidden="true"></span></button><h2 class="hndle"><span> </span></h2>
@@ -1256,7 +1517,7 @@ Hint: you can click the thumbnails to switch videos in the above player. This pr
                       </td>
                   </tr>
                   <tr>
-            -
                    <td><label for="s3_browser">Amazon S3 Browser (beta):</label></td>
                     <td>
                         <p class="description">
                             <input type="hidden" name="s3_browser" value="false"/>
@@ -1273,34 +1534,27 @@ Hint: you can click the thumbnails to switch videos in the above player. This pr
                         <td><label for="amazon_region[]">Region</td>
                         <td>
                           <select id="amazon_region[]" name="amazon_region[]">
-            -
                            <option value="">Select the region</option>
-            -
                              <option value="us-east-1">US East (N. Virginia)</option>
-            -
-            -
                              <option value="us-east-2">US East (Ohio)</option>
-            -
-            -
                              <option value="us-west-1">US West (N. California)</option>
-            -
-            -
                              <option value="us-west-2">US West (Oregon)</option>
-            -
-            -
                              <option value="ca-central-1">Canada (Central)</option>
-            -
-            -
                              <option value="ap-south-1">Asia Pacific (Mumbai)</option>
-            -
-            -
                              <option value="ap-northeast-2">Asia Pacific (Seoul)</option>
-            -
-            -
                              <option value="ap-southeast-1">Asia Pacific (Singapore)</option>
-            -
-            -
                              <option value="ap-southeast-2">Asia Pacific (Sydney)</option>
-            -
-            -
                              <option value="ap-northeast-1">Asia Pacific (Tokyo)</option>
-            -
-            -
                              <option value="eu-central-1">EU (Frankfurt)</option>
-            -
-            -
                              <option value="eu-west-1">EU (Ireland)</option>
-            -
-            -
                              <option value="eu-west-2">EU (London)</option>
-            -
-            -
                              <option value="sa-east-1">South America (S&atilde;o Paulo)</option>
                                             </select>
                         </td>
                     </tr>
@@ -1332,8 +1586,7 @@ Hint: you can click the thumbnails to switch videos in the above player. This pr
             				</table>
             </div>
             </div>
-            -
            </div><input type="hidden" id="closedpostboxesnonce" name="closedpostboxesnonce" value="d28516cc79" /><input type="hidden" id="meta-box-order-nonce" name="meta-box-order-nonce" value="3edef551d9" />
-            -
                  </div>
                         <div id='postbox-container-tab_actions' class='postbox-container' style="">
             				<div id="normal-sortables" class="meta-box-sortables"><div id="fv_flowplayer_description" class="postbox " >
             <button type="button" class="handlediv" aria-expanded="true"><span class="screen-reader-text">Toggle panel:  </span><span class="toggle-indicator" aria-hidden="true"></span></button><h2 class="hndle"><span> </span></h2>
@@ -1407,6 +1660,8 @@ Hint: you can click the thumbnails to switch videos in the above player. This pr
                                 </td>
                                 <td>
                                   <input type='hidden' name='popups[1][disabled]' value='0' />
                                   <input id='PopupAdDisabled-1' type='checkbox' name='popups[1][disabled]' value='1'  />
                                   <label for='PopupAdDisabled-1'>Disable</label><br />
                                   <a class='fv-player-popup-remove' href=''>Remove</a></td>
@@ -1585,7 +1840,7 @@ Hint: you can click the thumbnails to switch videos in the above player. This pr
                     var aInputs = row.find('input, select');
                     var key = row.attr('id').replace(/fv-player-list-item-/,'');
-            -
                    fv_player_open_preview_window(null,640,360+100);
                     button.prop('disabled',true);
                     jQuery.ajax( {
@@ -1601,7 +1856,7 @@ Hint: you can click the thumbnails to switch videos in the above player. This pr
                         var shortcode = '[fvplayer src="https://player.vimeo.com/external/196881410.hd.mp4?s=24645ecff21ff60079fc5b7715a97c00f90c6a18&profile_id=174&oauth2_token_id=3501005" splash="https://i.vimeocdn.com/video/609485450_1280.jpg" preroll="no" postroll="no" subtitles="http://example.org/wp-content/plugins/fv-wordpress-flowplayer/images/test-subtitles.vtt" end_popup_preview="true" popup="email-#key#" caption="This is how the popup will appear at the end of a video"]';
                         shortcode = shortcode.replace(/#key#/,key);
-            -
                        var url = 'http://example.org?fv_player_embed=1&fv_player_preview=' + b64EncodeUnicode(shortcode);
                         fv_player_open_preview_window(url);
                       },
                       error: function() {
@@ -1641,7 +1896,7 @@ Hint: you can click the thumbnails to switch videos in the above player. This pr
             						<tr>
             							<td colspan="2">
             								<label for="ad">Default Ad Code:</label><br />
-            -
            								<textarea id="ad" name="ad" class="large-text code"></textarea>
             							</td>
             						</tr>
             						<tr>
@@ -1691,190 +1946,534 @@ Hint: you can click the thumbnails to switch videos in the above player. This pr
             					</table>
             </div>
             </div>
-            -
            </div><input type="hidden" id="closedpostboxesnonce" name="closedpostboxesnonce" value="d28516cc79" /><input type="hidden" id="meta-box-order-nonce" name="meta-box-order-nonce" value="3edef551d9" />
-            -
                  </div>
-            -
                        <div id='postbox-container-tab_video_intelligence' class='postbox-container' style="">
-            -
            				<div id="normal-sortables" class="meta-box-sortables"><div id="fv_flowplayer_video_intelligence" class="postbox " >
             <button type="button" class="handlediv" aria-expanded="true"><span class="screen-reader-text">Toggle panel: video intelligence</span><span class="toggle-indicator" aria-hidden="true"></span></button><h2 class="hndle"><span>video intelligence</span></h2>
             <div class="inside">
-            -
                  <style>
-            -
                  #fv_flowplayer_video_intelligence_revival { display: none }
-            -
                  </style>
-            -
                <input type="hidden" id="nonce_fv_player_vi_install" name="nonce_fv_player_vi_install" value="d9672c9ed6" /><input type="hidden" name="_wp_http_referer" value="" />
-            -
                    <table class="form-table2" style="margin: 5px; ">
-            -
                      <tbody>
-            -
                        <tr>
-            -
                          <td class="first">
-            -
                            <img src="http://example.org/wp-content/plugins/fv-wordpress-flowplayer/images/vi-logo.svg" alt="video intelligence logo" />
-            -
                        	<a href="https://vi.ai/publisher-video-monetization/?aid=foliovision&email=&url=http://example.org&invtype=3#publisher_signup" target="_blank" class="button vi-register">Learn More</a>
-            -
                          </td>
-            -
                          <td>
-            -
                            <p>Video content and video advertising – powered by <strong>video intelligence</strong></p>
-            -
                            <p>Advertisers pay more for video advertising when it's matched with video content. This new video player will insert both on your page. It increases time on site, and commands a higher CPM than display advertising.</p>
-            -
                            <p>You'll see video content that is matched to your sites keywords straight away. A few days after activation you'll begin to receive revenue from advertising served before this video content.</p>
-            -
                            <ul>
-            -
                              <li>The set up takes only a few minutes</li>
-            -
                              <li>Up to 10x higher CPM than traditional display advertising</li>
-            -
                              <li>Users spend longer on your site thanks to professional video content</li>
-            -
                            </ul>
-            -
                          </td>
-            -
                        </tr>
-            -
                        <tr>
-            -
                          <td></td>
-            -
                          <td>
-            -
                              <p>By clicking sign up you agree to send your current domain, email and affiliate ID to video intelligence.</p>
-            -
                              <a href="https://vi.ai/publisher-video-monetization/?aid=foliovision&email=&url=http://example.org&invtype=3#publisher_signup" target="_blank" class="button vi-register">Learn More or Create an Account</a>
-            -
                          </td>
-            -
                        </tr>
-            -
                      </tbody>
-            -
                    </table>
-            -
                  </div>
             </div>
             <div id="fv_flowplayer_video_intelligence_account" class="postbox " >
             <button type="button" class="handlediv" aria-expanded="true"><span class="screen-reader-text">Toggle panel: Account</span><span class="toggle-indicator" aria-hidden="true"></span></button><h2 class="hndle"><span>Account</span></h2>
             <div class="inside">
             <input type="hidden" id="nonce_fv_player_vi_install" name="nonce_fv_player_vi_install" value="d9672c9ed6" /><input type="hidden" name="_wp_http_referer" value="" />
-            -
                    <table class="form-table2" style="margin: 5px; ">
-            -
                      <tbody>
-            -
                                                  <tr>
-            -
                            <td class="first"><label for="vi_login">Login:</label></td>
-            -
                            <td>
-            -
                              <p class="description">
-            -
                                <input type="text" name="vi_login" id="vi_login" class="medium" />
-            -
                              </p>
-            -
                            </td>
-            -
                          </tr>
-            -
                          <tr>
-            -
                            <td><label for="vi_pass">Password:</label></td>
-            -
                            <td>
-            -
                              <p class="description">
-            -
                                <input type="password" name="vi_pass" id="vi_pass" class="medium" />
-            -
                              </p>
-            -
                            </td>
-            -
                          </tr>
-            -
                          <tr>
-            -
                            <td>
-            -
                            </td>
-            -
                            <td>
-            -
                              <input type="submit" name="fv_player_vi_install" value="Sign in" class="button-primary">
-            -
                            </td>
-            -
                          </tr>
-            -
                          <tr>
-            -
                            <td></td>
-            -
                            <td>
-            -
                              <p><a href="mailto:support@vi.ai?Subject=Issues%20with%20account%20activation%20for%20http%3A%2F%2Fexample.org">I'm having issues with the account activation</a></p>
-            -
                            </td>
-            -
                          </tr>
-            -
                                  </tbody>
-            -
                    </table>
-            -
-            -
                  </div>
             </div>
             <div id="fv_flowplayer_video_intelligence_hide" class="postbox " >
             <button type="button" class="handlediv" aria-expanded="true"><span class="screen-reader-text">Toggle panel: Hide vi Ads</span><span class="toggle-indicator" aria-hidden="true"></span></button><h2 class="hndle"><span>Hide vi Ads</span></h2>
             <div class="inside">
-            -
                <input id="fv-player-vi-remove" type="checkbox"> <label for="fv-player-vi-remove">Hide the vi Ads tab</label>
-            -
                <script>
-            -
                jQuery( function($) {
-            -
                  $('#fv-player-vi-remove').click( function() {
-            -
                    $.post(ajaxurl, {action:'fv-player-vi-remove'}, function() {
-            -
                      $('#fv-player-vi-give-back').prop('checked',false);
-            -
                      $('[href=#postbox-container-tab_video_intelligence]').hide();
-            -
                      $('#fv_flowplayer_video_intelligence').hide();
-            -
                      $('[href=#postbox-container-tab_video_ads]').click();
-            -
                      $('#fv_flowplayer_video_intelligence_revival').show();
-            -
                    });
-            -
-            -
                  });
-            -
                });
-            -
                </script>
-            -
                </div>
-            -
            </div>
-            -
            </div><input type="hidden" id="closedpostboxesnonce" name="closedpostboxesnonce" value="d28516cc79" /><input type="hidden" id="meta-box-order-nonce" name="meta-box-order-nonce" value="3edef551d9" />
-            -
                  </div>
-            -
                        <div id='postbox-container-tab_help' class='postbox-container' style="">
-            -
            				<div id="normal-sortables" class="meta-box-sortables"><div id="fv_flowplayer_usage" class="postbox " >
-            -
            <button type="button" class="handlediv" aria-expanded="true"><span class="screen-reader-text">Toggle panel: Usage</span><span class="toggle-indicator" aria-hidden="true"></span></button><h2 class="hndle"><span>Usage</span></h2>
-            -
            <div class="inside">
-            -
            				<table class="form-table">
-            -
            					<tr>
-            -
            						<td colspan="4">
-            -
            							<div class="column">
-            -
            								<div class="icon32" id="icon-users"><br></div>
-            -
            								<p>Illustrated user guides:</p>
-            -
            								<div class="clear"></div>
-            -
            								<ul>
-            -
            									<li><a target="_blank" href="https://foliovision.com/player/basic-setup/start-up-guide#insert-videos">Inserting videos</a>
-            -
            									<li><a target="_blank" href="https://foliovision.com/player/basic-setup/start-up-guide">License key and custom logo</a></li>
-            -
                              <li><a target="_blank" href="https://foliovision.com/player/basic-setup/creating-playlists">How to create a playlist</a></li>
-            -
            									<li><a target="_blank" href="https://foliovision.com/player/ads">Using ads</a></li>
-            -
                              <li><a target="_blank" href="https://foliovision.com/player/ads/incorporating-google-adsense">Using Google Ads</a></li>
-            -
            									<li><a target="_blank" href="https://foliovision.com/player/video-hosting/securing-your-video/rtmp-streams">RTMP streams</a></li>
-            -
                              <li><a target="_blank" href="https://foliovision.com/player/advanced/subtitles">Subtitles</a></li>
-            -
                              <li><a target="_blank" href="https://foliovision.com/player/video-hosting/secure-amazon-s3-guide">Amazon S3 secure content guide</a></li>
-            -
                              <li><a target="_blank" href="https://foliovision.com/player/video-hosting/securing-your-video/hls-stream">How to setup a HLS stream</a></li>
-            -
                              <li><a target="_blank" href="https://foliovision.com/player/advanced/google-analytics-flowplayer">Google Analytics support</a></li>
-            -
                              <li><a target="_blank" href="https://foliovision.com/player/basic-setup/using-lightbox">Video lightbox</a></li>
-            -
                              <li><a target="_blank" href="https://foliovision.com/player/video-hosting/youtube-with-fv-player">YouTube integration</a></li>
-            -
                              <li><a target="_blank" href="https://foliovision.com/player/basic-setup/setting-quality-switching">Quality Switching</a></li>
-            -
                              <li><a target="_blank" href="https://foliovision.com/player/video-hosting/how-to-use-vimeo">Vimeo integration</a></li>
-            -
                              <li><a target="_blank" href="https://foliovision.com/player/ads/using-preroll-postroll-ads">Custom video ads</a></li>
-            -
                              <li><a target="_blank" href="https://foliovision.com/player/video-hosting/serving-private-cloudfront">CloudFront CDN - protected video downloads</a></li>
-            -
            								</ul>
-            -
            							</div>
-            -
            							<div class="column">
-            -
            								<div class="icon32" id="icon-tools"><br></div>
-            -
            								<p>Troubleshooting:</p>
-            -
            								<div class="clear"></div>
-            -
            								<ul>
-            -
            									<li><a target="_blank" href="https://foliovision.com/player/basic-setup/installation">Automated checks</a></li>
-            -
            									<li><a target="_blank" href="https://foliovision.com/player/basic-setup/encoding">Video encoding tips</a></li>
-            -
            									<li><a target="_blank" href="https://foliovision.com/player/basic-setup/encoding#flash-only">Video formats to avoid</a></li>
-            -
            									<li><a target="_blank" href="https://foliovision.com/player/video-hosting/secure-amazon-s3-guide/fix-amazon-mime-type">Fixing mime type on Amazon S3</a></li>
-            -
            									<li><a target="_blank" href="https://foliovision.com/player/basic-setup/faq">Plugin FAQ</a></li>
-            -
            									<li><a target="_blank" href="http://foliovision.com/support/fv-wordpress-flowplayer/">Support forums</a></li>
-            -
            								</ul>
-            -
            							</div>
-            -
            							<div class="clear"></div>
-            -
            							<!--<p>
-            -
            							To embed video "example.mp4", simply include the following code inside any post or page:
-            -
            							<code>[fvplayer src=example.mp4]</code>
-            -
            							</p>
-            -
            							<p>
-            -
            							<code>src</code> is the only compulsory parameter, specifying the video file. Its value can be either a full URL of the file,
-            -
            							or just a filename (if it is located in the /videos/ directory in the root of the web).
-            -
            							</p>
-            -
            							<p>When user uploads are allowed, uploading or selecting video from WP Media Library is available. To insert selected video, simply use the 'Insert into Post' button.</p>
-            -
            							<h4>Optional parameters:</h4>
-            -
            							<ul style="text-align: left;">
-            -
            								<li><code><strong>width</strong></code> and <code><strong>height</strong></code> specify the dimensions of played video in pixels. If they are not set, the default size is 320x240.<br />
-            -
            								<i>Example</i>: <code>[fvplayer src='example.mp4' width=640 height=480]</code></li>
-            -
            								<li><code><strong>splash</strong></code> parameter can be used to display a custom splash image before the video starts. Just like in case of <code>src</code>
-            -
            								parameter, its value can be either complete URL, or filename of an image located in /videos/ folder.<br />
-            -
            								<i>Example</i>: <code>[fvplayer src='example.mp4' splash=image.jpg]</code></li>
-            -
            								<li><code><strong>splashend</strong></code> parameter can be used to display a custom splash image after the video ends.<br />
-            -
            								<i>Example</i>: <code>[fvplayer src='example.mp4' splashend=show]</code></li>
-            -
            								<li><code><strong>autoplay</strong></code> parameter specify wheter the video should start to play automaticaly after the page is loaded. This parameter overrides the default autoplay setting above. Its value can be either true or false.<br />
-            -
            								<i>Example</i>: <code>[fvplayer src='example.mp4' autoplay=true]</code></li>
-            -
            								<li><code><strong>loop</strong></code> parameter specify wheter the video starts again from the beginning when the video ends. Its value can be either true or false.<br />
-            -
            								<i>Example</i>: <code>[fvplayer src='example.mp4' loop=true]</code></li>
-            -
            								<li><code><strong>popup</strong></code> parameter can be used to display any HTML code after the video finishes (ideal for advertisment or links to similar videos).
-            -
            								Content you want to display must be between simple quotes (<code>''</code>).<br />
-            -
            								<i>Example</i>: <code>[fvplayer src='example.mp4' popup='&lt;p&gt;some HTML content&lt;/p&gt;']</code></li>
-            -
            								<li><code><strong>redirect</strong></code> parameter can be used to redirect to another page (in a new tab) after the video ends.<br />
-            -
            								<i>Example</i>: <code>[fvplayer src='example.mp4' redirect='http://www.site.com']</code></li>
-            -
            							</ul>-->
-            -
            						</td>
-            -
            						<td></td>
-            -
            					</tr>
-            -
            				</table>
             </div>
             </div>
-            -
            </div><input type="hidden" id="closedpostboxesnonce" name="closedpostboxesnonce" value="d28516cc79" /><input type="hidden" id="meta-box-order-nonce" name="meta-box-order-nonce" value="3edef551d9" />
-            -
                  </div>
                         <div style="clear: both"></div>
             		</div>
                 <input type="hidden" id="fv_flowplayer_settings_nonce" name="fv_flowplayer_settings_nonce" value="6efb8df58f" /><input type="hidden" name="_wp_http_referer" value="" />  </form>
@@ -1993,24 +2592,23 @@ Hint: you can click the thumbnails to switch videos in the above player. This pr
                   var more = jQuery('.more', jQuery(this).parents('tr') ).length ? jQuery('.more', jQuery(this).parents('tr') ) : jQuery(this).parent().siblings('.more');
                   more.toggle();
-            -
-            -
                  if( jQuery(':visible', more ).length > 0 ) {
-            -
                    jQuery(this).attr('data-original-help-text', jQuery(this).html() );
-            -
                    jQuery(this).html('(hide)');
-            -
                  } else {
-            -
                    jQuery(this).html( jQuery(this).attr('data-original-help-text') );
-            -
                  }
                 } );
                 /*
-            -
                 * Coor Picker Default
                  */
                 jQuery('.playlistFontColor-show').click(function(e){
                   e.preventDefault();
                   jQuery(e.target).hide();
                   jQuery('.playlistFontColor-hide').show();
-            -
                  jQuery('#playlistFontColor-proxy').show().val(jQuery('#playlistFontColor-proxy').data('previous'));
                   jQuery('#playlistFontColor').val(jQuery('#playlistFontColor-proxy').data('previous'));
                 });
@@ -2019,7 +2617,7 @@ Hint: you can click the thumbnails to switch videos in the above player. This pr
                   jQuery(e.target).hide();
                   jQuery('.playlistFontColor-show').show();
-            -
                  jQuery('#playlistFontColor-proxy').data('previous',jQuery('#playlistFontColor-proxy').hide().val()).val('');
                   jQuery('#playlistFontColor').val('');
                 });
@@ -2055,6 +2653,28 @@ jQuery('#fv_flowplayer_admin_tabs a').on('click',function(e){
               jQuery('#' + anchor).show();
             });
             jQuery('a.fv-settings-anchor').on('click',function(e){
               var id = jQuery(this).attr('href');


1	<div class="wrap">
2	<div style="position: absolute; margin-top: 10px; right: 10px;">
3	+ <a href="https://foliovision.com/player" target="_blank" title="Documentation"><img alt="visit foliovision" src="http://example.org/wp-content/plugins/fv-wordpress-flowplayer/images/fv-logo.png" /></a>
4	</div>
5	<div>
6	<div id="icon-options-general" class="icon32"></div>

47	<a href="#postbox-container-tab_skin" class="nav-tab" style="outline: 0px;">Skin</a>
48	<a href="#postbox-container-tab_hosting" class="nav-tab" style="outline: 0px;">Hosting</a>
49	<a href="#postbox-container-tab_actions" class="nav-tab" style="outline: 0px;">Actions</a>
50	+ <a href="#postbox-container-tab_tools" class="nav-tab" style="outline: 0px;">Tools</a>
51	<a href="#postbox-container-tab_help" class="nav-tab" style="outline: 0px;">Help</a>
52	+ <a href="#postbox-container-tab_video_intelligence" class="nav-tab" style="outline: 0px;">vi Ads</a>
53	<div id="fv_player_js_warning" style=" margin: 8px 40px; display: inline-block; color: darkgrey;" >There Is a Problem with JavaScript.</div>
54	+ <style>
55	+ #fv_player_js_warning {
56	+ animation: cssAnimation 0s 5s forwards;
57	+ visibility: hidden;
58	+ }
59	+ @keyframes cssAnimation {
60	+ to { visibility: visible; }
61	+ }
62	+ </style>
63	</h2>
64	</div>
65

138	<input type="checkbox" name="interface[embed]" id="interface[embed]" value="true" />
139	</p>
140	</td>









141	</tr>
142	<tr>
143	<td class="first"><label for="interface[mobile]">Mobile Video:</label></td>

167	</td>
168	</tr>
169	<tr>
170	+ <td class="first"><label for="interface[playlist_captions]">Playlist Item Titles:</label></td>
171	<td>
172	<p class="description">
173	<input type="hidden" name="interface[playlist_captions]" value="false"/>

219	<input type="checkbox" name="interface[sticky]" id="interface[sticky]" value="true" />
220	</p>
221	</td>
222	+ </tr>
223	+ <tr>
224	+ <td class="first"><label for="interface[synopsis]">Synopsis:</label></td>
225	+ <td>
226	+ <p class="description">
227	+ <input type="hidden" name="interface[synopsis]" value="false"/>
228	+ <input type="checkbox" name="interface[synopsis]" id="interface[synopsis]" value="true" />
229	+ </p>
230	+ </td>
231	</tr>
232	<tr>
233	<td class="first"><label for="interface[end_actions]">Video Actions:</label></td>

249	</td>
250	</tr>
251









252
253	<tr>
254	<td colspan="4">

268
269	<tr>
270	<td class="first"><label for="autoplay">Autoplay:</label></td>
271	+ <td colspan="3">
272	+ <p class="description">
273	+ <select id="autoplay" name="autoplay">
274	+ <option value="true" >Yes</option>
275	+ <option value="false" selected="selected" >No</option>
276	+ <option value="muted" >Muted</option>
277	+ </select>
278	+ We make sure only one video per page autoplays. Mobile devices only support Muted autoplay. </p>
279	</td>
280	</tr>
281	<tr>

287	Works for first 2 videos on the page only, to preserve your bandwidth. </p>
288	</td>
289	</tr>
290	+ <tr>
291	+ <td class="first"><label for="show_controlbar">Controlbar Always Visible:</label></td>
292	+ <td>
293	+ <p class="description">
294	+ <input type="hidden" name="show_controlbar" value="false"/>
295	+ <input type="checkbox" name="show_controlbar" id="show_controlbar" value="true" />
296	+ </p>
297	+ </td>
298	+ </tr>
299	<tr>
300	<td><label for="width">Default Video Size:</label></td>
301	<td>

360	</p>
361	</td>
362	</tr>
363	+ <tr>
364	+ <td class="first"><label for="chromecast">Enable Chromecast:</label></td>
365	+ <td>
366	+ <p class="description">
367	+ <input type="hidden" name="chromecast" value="false"/>
368	+ <input type="checkbox" name="chromecast" id="chromecast" value="true" />
369	+ Adds support for Google Chromecast. </p>
370	+ </td>
371	+ </tr>
372	<tr>
373	<td><label for="rtmp">Flash Streaming Server:</label></td>
374	<td>

376	<input type="text" name="rtmp" id="rtmp" value="" placeholder="Enter your default RTMP streaming server (Amazon CloudFront domain)." />
377	</p>
378	</td>
379	+ </tr>
380	+
381	+ <tr>
382	+ <td class="first"><label for="hd_streaming">Force HD Streaming:</label></td>
383	+ <td>
384	+ <p class="description">
385	+ <input type="hidden" name="hd_streaming" value="false"/>
386	+ <input type="checkbox" name="hd_streaming" id="hd_streaming" value="true" />
387	+ Use HD quality even on slow connections. <span class="more">User can still switch to lower quality by hand. Works with MPEG-DASH streams on desktop and laptop computers.</span> <a href="#" class="show-more">(…)</a>
388	+ </p>
389	+ </td>
390	+ </tr>
391
392	<tr>
393	<td class="first"><label for="allowfullscreen">Fullscreen Button:</label></td>

422	<option value="top-right">Top-right</option>
423	</select>
424	</td>
425	+ </tr>
426	+
427	+ <tr>
428	+ <td class="first"><label for="multiple_playback">Multiple video playback (beta):</label></td>
429	+ <td>
430	+ <p class="description">
431	+ <input type="hidden" name="multiple_playback" value="false"/>
432	+ <input type="checkbox" name="multiple_playback" id="multiple_playback" value="true" />
433	+ Allows multiple players to play at once. Only one player remains audible. </p>
434	+ </td>
435	+ </tr>
436	+ <tr>
437	+ <td class="first"><label for="ui_no_picture_button">No Picture Button:</label></td>
438	+ <td>
439	+ <p class="description">
440	+ <input type="hidden" name="ui_no_picture_button" value="false"/>
441	+ <input type="checkbox" name="ui_no_picture_button" id="ui_no_picture_button" value="true" />
442	+ Adds a button to turn the video picture on and off. </p>
443	+ </td>
444	+ </tr>
445	<tr>
446	<td class="first"><label for="ui_play_button">Play Button:</label></td>
447	<td>

461	<option value="tabs" >Tabs</option>
462	<option value="prevnext" >Prev/Next</option>
463	<option value="vertical" >Vertical</option>
464	+ <option value="slider" >Slider</option>
465	+ <option value="season" >Vertical Season</option>
466	+ <option value="polaroid" >Polaroid</option>
467	+ <option value="text" >Text</option>
468	</select>
469	Enter your default playlist style here </p>
470	</td>

479	Shows a generic "Would you like to replay the video?" message at the end of each video. </p>
480	</td>
481	</tr>
482	+
483	+ <tr>
484	+ <td class="first"><label for="ui_repeat_button">Repeat Button:</label></td>
485	+ <td>
486	+ <p class="description">
487	+ <input type="hidden" name="ui_repeat_button" value="false"/>
488	+ <input type="checkbox" name="ui_repeat_button" id="ui_repeat_button" value="true" />
489	+ Adds a button to set playlist/track repeat and shuffle. </p>
490	+ </td>
491	+ </tr>
492	+
493	+ <tr>
494	+ <td class="first"><label for="ui_rewind_button">Rewind Button:</label></td>
495	+ <td>
496	+ <p class="description">
497	+ <input type="hidden" name="ui_rewind_button" value="false"/>
498	+ <input type="checkbox" name="ui_rewind_button" id="ui_rewind_button" value="true" />
499	+ Adds a button to go 10 seconds back. </p>
500	+ </td>
501	+ </tr>
502
503	<tr>
504	<td><label for="sharing_text">Sharing Text:</label></td>

569	</tr>
570	<script>
571	jQuery(document).ready(function(){


572	var lightbox_images = jQuery('#lightbox_images');
573	if(lightbox_images.attr('checked')){
574	jQuery('#lightbox-wp-galleries').show();

697	<div class="inside">
698	<p>Following options are suitable for web developers and programmers.</p>
699	<table class="form-table2">
700	+ <tr>
701	+ <td class="first"><label for="integrations[featured_img]">Add featured image automatically:</label></td>
702	+ <td>
703	+ <p class="description">
704	+ <input type="hidden" name="integrations[featured_img]" value="false"/>
705	+ <input type="checkbox" name="integrations[featured_img]" id="integrations[featured_img]" value="true" />
706	+ If the featured image is not set, splash image of the first player will be used. </p>
707	+ </td>
708	+ </tr>
709	<tr>
710	<td class="first"><label for="fixed_size">Always use fixed size player:</label></td>
711	<td>

731	<p class="description">
732	<input type="hidden" name="hlsjs" value="false"/>
733	<input type="checkbox" name="hlsjs" id="hlsjs" value="true" checked="checked" />
734	+ Allows HLS playback in all modern browsers. <span class="more">HLS normally plays only on iOS, Mac Safari and new Android versions. FV Player increases the compatibility by using Flash engine for HLS. With this option you can go even further and modern browsers supporting MediaSource will play HLS even without Flash. Make sure you setup the required <a href="https://foliovision.com/player/video-hosting/how-to-enable-cors-headers" target="_blank">CORS headers</a>.</span> <a href="#" class="show-more">(…)</a>
735	</p>
736	</td>
737	</tr>

769	</tr>
770
771	<tr>
772	+ <td class="first"><label for="integrations[wp_core_video]">Handle WordPress audio/video:</label></td>
773	<td>
774	<p class="description">
775	<input type="hidden" name="integrations[wp_core_video]" value="false"/>
776	<input type="checkbox" name="integrations[wp_core_video]" id="integrations[wp_core_video]" value="true" />
777	+ Make sure shortcodes <code><small>[video]</small></code>, <code><small>[audio]</small></code> and <code><small>[playlist]</small></code>, the Gutenberg video block and the YouTube links use FV Player. </p>
778	</td>
779	</tr>
780	<tr>

797	</p>
798	</td>
799	</tr>
800	+








801	<tr>
802	<td class="first"><label for="rtmp-live-buffer">RTMP bufferTime tweak:</label></td>
803	<td>

815	<p class="description">
816	<input type="hidden" name="db_duration" value="false" />
817	<input type="checkbox" name="db_duration" id="db_duration" value="true" />
818	+ Turn off if you experience issues when saving posts! <span class="more">Turn on to enable video duration scanning. </span> <a href="#" class="show-more">(…)</a>
819	</p>
820	</td>
821	</tr>

827	</td>
828	</tr>-->
829


















830
831	<tr>
832	<td><label for="facebook_sharing">Facebook Video Sharing:</label></td>

837	When sharing your post to Facebook the first MP4 video will be shared directly rather than the post excerpt. <span class="more"><strong>Requirements</strong>: video has to be on https:// and splash screen has to be present. Videos with download protection are automatically excluded.</span> <a href="#" class="show-more">(…)</a>
838	</p>
839	</td>
840	+ </tr>
841	+ <tr>
842	+ <td class="first"><label for="lightbox_force">Remove fancyBox:</label></td>
843	+ <td>
844	+ <p class="description">
845	+ <input type="hidden" name="lightbox_force" value="false"/>
846	+ <input type="checkbox" name="lightbox_force" id="lightbox_force" value="true" />
847	+ Use if FV Player lightbox is not working and you see a "fancyBox already initialized" message on JavaScript console. </p>
848	+ </td>
849	</tr>
850	<tr>
851	<td colspan="4">

870	</td>
871	</tr>
872	<tr>
873	+ <td class="first"><label for="mobile_force_fullscreen">Force fullscreen on mobile:</label></td>
874	<td>
875	<p class="description">
876	<input type="hidden" name="mobile_force_fullscreen" value="false"/>

878	Video playback will start in fullscreen. iPhone with iOS < 10 always forces fullscreen for video playback. </p>
879	</td>
880	</tr>
881	+ <tr>
882	+ <td class="first"><label for="mobile_alternative_fullscreen">Alternative iOS fullscreen mode:</label></td>
883	+ <td>
884	+ <p class="description">
885	+ <input type="hidden" name="mobile_alternative_fullscreen" value="false"/>
886	+ <input type="checkbox" name="mobile_alternative_fullscreen" id="mobile_alternative_fullscreen" value="true" />
887	+ Works for iOS < 12 which doesn't support HTML5 fullscreen. Only use if you see site elements such as header bar ovelaying the player in fullscreen on iOS. </p>
888	+ </td>
889	+ </tr>
890	+ <tr>
891	+ <td class="first"><label for="mobile_landscape_fullscreen">Force landscape orientation in fullscreen:</label></td>
892	+ <td>
893	+ <p class="description">
894	+ <input type="hidden" name="mobile_landscape_fullscreen" value="false"/>
895	+ <input type="checkbox" name="mobile_landscape_fullscreen" id="mobile_landscape_fullscreen" value="true" />
896	+ Works on the Android mobile, not supported on iOS unfortunately. </p>
897	+ </td>
898	+ </tr>
899	<tr>
900	<td colspan="4">
901	<input type="submit" name="fv-wp-flowplayer-submit" class="button-primary" value="Save All Changes" />

928	</td>
929	</tr>
930	<tr>
931	+ <td><label for="video_sitemap_meta">Sitemap Post Meta <a href="#" class="show-info"><span class="dashicons dashicons-info"></span></a>:</label></td>
932	<td>
933	<input id="video_sitemap_meta" name="video_sitemap_meta" type="text" value="" />
934	+ <p class="description fv-player-admin-tooltip"><span class="info">You can enter post meta keys here, use <code>,</code> to separate multiple values.</span></p>
935	</td>
936	</tr>
937	<tr>

1039	</table>
1040	</div>
1041	</div>
1042	+ </div><input type="hidden" id="closedpostboxesnonce" name="closedpostboxesnonce" value="d28516cc79" /><input type="hidden" id="meta-box-order-nonce" name="meta-box-order-nonce" value="3edef551d9" /></div>

1043	<div id='postbox-container-tab_skin' class='postbox-container' style="">
1044	<div id="normal-sortables" class="meta-box-sortables"><div id="fv_flowplayer_description" class="postbox " >
1045	<button type="button" class="handlediv" aria-expanded="true"><span class="screen-reader-text">Toggle panel: </span><span class="toggle-indicator" aria-hidden="true"></span></button><h2 class="hndle"><span> </span></h2>

1055	</div>
1056	</div>
1057	<div id="flowplayer-wrapper" class="postbox " >
1058	+ <button type="button" class="handlediv" aria-expanded="true"><span class="screen-reader-text">Toggle panel: Player Skin</span><span class="toggle-indicator" aria-hidden="true"></span></button><h2 class="hndle"><span>Player Skin</span></h2>
1059	+ <div class="inside">
1060	+ <style id="fv-style-preview"></style>
1061	+ <div class="flowplayer-wrapper">
1062	+ <div id="wpfp_66bde71f2bb69da4b61dd085baf925ff" class="flowplayer no-brand is-splash no-svg is-paused skin-slim fp-slim fp-edgy has-playlist has-playlist-horizontal" data-fv-embed="?fv_player_embed=1" style="max-width: 100%; " data-ratio="0.5625">
1063	+ <div class="fp-ratio" style="padding-top: 56.25%"></div>
1064	+ <img class="fp-splash" alt="Foliovision Video;Lapinthrope Extras - Roy Thompson Hall Dance;Romeo and Juliet Ballet Schloss Kittsee" src="https://i.vimeocdn.com/video/609485450_1280.jpg" />
1065	+ <div class="fp-ui"><noscript>Please enable JavaScript</noscript><div class="fp-preload"><b></b><b></b><b></b><b></b></div></div>
1066	+ <div class='fvp-share-bar'><ul class="fvp-sharing">
1067	+ <li><a class="sharing-facebook" href="https://www.facebook.com/sharer/sharer.php?u=" target="_blank"></a></li>
1068	+ <li><a class="sharing-twitter" href="https://twitter.com/intent/tweet?text=Test+Blog+&url=" target="_blank"></a></li>
1069	+ <li><a class="sharing-email" href="mailto:?body=Check%20out%20the%20amazing%20video%20here%3A%20" target="_blank"></a></li></ul><div><label><a class="embed-code-toggle" href="#"><strong>Embed</strong></a></label></div><div class="embed-code"><label>Copy and paste this HTML code into your webpage to embed.</label><textarea></textarea></div></div>
1070	+ </div>
1071	+ Hint: play the video to see live preview of the color settings </div>
1072	+
1073	+ <table class="form-table2 flowplayer-settings fv-player-interface-form-group">
1074	+ <tr>
1075	+ <td style="white-space: nowrap">
1076	+ <fieldset>
1077	+ <p>
1078	+  <input type="radio" name="skin"
1079	+ id="skin-Slim"
1080	+ value="slim" checked="checked" data-fv-skin="" /> <label for="skin-Slim">Slim</label><br/>
1081	+ </p>
1082	+ </fieldset>
1083	+ </td>
1084	+ <td style="white-space: nowrap">
1085	+ <fieldset>
1086	+ <p>
1087	+  <input type="radio" name="skin"
1088	+ id="skin-YouTuby"
1089	+ value="youtuby" data-fv-skin="" /> <label for="skin-YouTuby">YouTuby</label><br/>
1090	+ </p>
1091	+ </fieldset>
1092	+ </td>
1093	+ <td style="white-space: nowrap">
1094	+ <fieldset>
1095	+ <p>
1096	+  <input type="radio" name="skin"
1097	+ id="skin-Custom"
1098	+ value="custom" data-fv-skin="" /> <label for="skin-Custom">Custom</label><br/>
1099	+ </p>
1100	+ </fieldset>
1101	+ </td>
1102	+ </tr>
1103	+
1104	+ </table>
1105	+
1106	+ <table class="form-table2 flowplayer-settings fv-player-interface-form-group" id="skin-Slim-settings">
1107	+ <tr>
1108	+ <td><label for="skin-slim[progressColor]">Color :</label></td>
1109	+ <td>
1110	+ <input class="color" id="skin-slim[progressColor]" name="skin-slim[progressColor]" type="text" value="#bb0000" data-fv-preview=".flowplayer .fp-volumelevel { background-color: #%val% !important; }
1111	+ .flowplayer .fp-progress, .flowplayer .fv-ab-loop .noUi-connect, .fv-player-buttons a.current { background-color: #%val% !important; }
1112	+ .flowplayer .fp-dropdown li.active { background-color: #%val% !important }
1113	+ .flowplayer .fp-color { background-color: #%val% !important }" />
1114	+ </td>
1115	+ </tr>
1116	+
1117	+ <input id="skin-slim[hasBorder]" name="skin-slim[hasBorder]" type="hidden" value="" data-fv-preview=".flowplayer{border:%val%px solid !important;}" />
1118	+
1119	+ <input id="skin-slim[bottom-fs]" name="skin-slim[bottom-fs]" type="hidden" value="" data-fv-preview="" />
1120	+
1121	+ <input id="skin-slim[borderColor]" name="skin-slim[borderColor]" type="hidden" value="" data-fv-preview=".flowplayer{border-color:#%val% !important;}" />
1122	+
1123	+ <input id="skin-slim[bufferColor]" name="skin-slim[bufferColor]" type="hidden" value="" data-fv-preview=".flowplayer .fp-volumeslider, .flowplayer .noUi-background { background-color: #%val% !important; }
1124	+ .flowplayer .fp-buffer, .flowplayer .fv-ab-loop .noUi-handle { background-color: #%val% !important; }" />
1125	+
1126	+ <input id="skin-slim[canvas]" name="skin-slim[canvas]" type="hidden" value="#000000" data-fv-preview=".flowplayer { background-color: #%val% !important; }" />
1127	+
1128	+ <input id="skin-slim[backgroundColor]" name="skin-slim[backgroundColor]" type="hidden" value="transparent" data-fv-preview=".flowplayer .fv-ab-loop .noUi-handle { color:#%val% !important; }
1129	+ .fv_player_popup { background: #%val% !important;}
1130	+ .fvfp_admin_error_content { background: #%val% !important; }
1131	+ .flowplayer .fp-controls, .flowplayer .fv-ab-loop, .fv-player-buttons a:active, .fv-player-buttons a { background-color: #%val% !important; }" />
1132	+
1133	+ <input id="skin-slim[font-face]" name="skin-slim[font-face]" type="hidden" value="Tahoma, Geneva, sans-serif" data-fv-preview="#content .flowplayer, .flowplayer { font-family: %val%; }" />
1134	+
1135	+ <input id="skin-slim[player-position]" name="skin-slim[player-position]" type="hidden" value="" data-fv-preview=".flowplayer { margin-left: 0 !important; }" />
1136	+
1137	+ <input id="skin-slim[timeColor]" name="skin-slim[timeColor]" type="hidden" value="#ffffff" data-fv-preview=".flowplayer .fp-elapsed, .flowplayer .fp-duration { color: #%val% !important; }
1138	+ .fv-wp-flowplayer-notice-small { color: #%val% !important; }" />
1139	+
1140	+ <input id="skin-slim[durationColor]" name="skin-slim[durationColor]" type="hidden" value="" data-fv-preview=".flowplayer .fp-controls, .flowplayer .fv-ab-loop, .fv-player-buttons a:active, .fv-player-buttons a { color:#%val% !important; }
1141	+ .flowplayer .fp-controls > .fv-fp-prevbtn:before, .flowplayer .fp-controls > .fv-fp-nextbtn:before { border-color:#%val% !important; }" />
1142	+
1143	+ <input id="skin-slim[design-timeline]" name="skin-slim[design-timeline]" type="hidden" value="fp-slim" data-fv-preview="" />
1144	+
1145	+ <input id="skin-slim[design-icons]" name="skin-slim[design-icons]" type="hidden" value="fp-edgy" data-fv-preview="" />
1146	+
1147	+ <tr>
1148	+ <td colspan="2">
1149	+ <input type="submit" name="fv-wp-flowplayer-submit" class="button-primary" value="Save All Changes" />
1150	+ </td>
1151	+ </tr>
1152	+ </table>
1153	+ <table class="form-table2 flowplayer-settings fv-player-interface-form-group" id="skin-YouTuby-settings" style="display: none">
1154	+ <tr>
1155	+ <td><label for="skin-youtuby[progressColor]">Color :</label></td>
1156	+ <td>
1157	+ <input class="color" id="skin-youtuby[progressColor]" name="skin-youtuby[progressColor]" type="text" value="#bb0000" data-fv-preview=".flowplayer .fp-volumelevel { background-color: #%val% !important; }
1158	+ .flowplayer .fp-progress, .flowplayer .fv-ab-loop .noUi-connect, .fv-player-buttons a.current { background-color: #%val% !important; }
1159	+ .flowplayer .fp-dropdown li.active { background-color: #%val% !important }
1160	+ .flowplayer .fp-color { background-color: #%val% !important }" />
1161	+ </td>
1162	+ </tr>
1163	+
1164	+ <input id="skin-youtuby[hasBorder]" name="skin-youtuby[hasBorder]" type="hidden" value="" data-fv-preview=".flowplayer{border:%val%px solid !important;}" />
1165	+
1166	+ <input id="skin-youtuby[bottom-fs]" name="skin-youtuby[bottom-fs]" type="hidden" value="1" data-fv-preview="" />
1167	+
1168	+ <input id="skin-youtuby[borderColor]" name="skin-youtuby[borderColor]" type="hidden" value="" data-fv-preview=".flowplayer{border-color:#%val% !important;}" />
1169	+
1170	+ <input id="skin-youtuby[bufferColor]" name="skin-youtuby[bufferColor]" type="hidden" value="" data-fv-preview=".flowplayer .fp-volumeslider, .flowplayer .noUi-background { background-color: #%val% !important; }
1171	+ .flowplayer .fp-buffer, .flowplayer .fv-ab-loop .noUi-handle { background-color: #%val% !important; }" />
1172	+
1173	+ <input id="skin-youtuby[canvas]" name="skin-youtuby[canvas]" type="hidden" value="#000000" data-fv-preview=".flowplayer { background-color: #%val% !important; }" />
1174	+
1175	+ <input id="skin-youtuby[backgroundColor]" name="skin-youtuby[backgroundColor]" type="hidden" value="rgba(0, 0, 0, 0.5)" data-fv-preview=".flowplayer .fv-ab-loop .noUi-handle { color:#%val% !important; }
1176	+ .fv_player_popup { background: #%val% !important;}
1177	+ .fvfp_admin_error_content { background: #%val% !important; }
1178	+ .flowplayer .fp-controls, .flowplayer .fv-ab-loop, .fv-player-buttons a:active, .fv-player-buttons a { background-color: #%val% !important; }" />
1179	+
1180	+ <input id="skin-youtuby[font-face]" name="skin-youtuby[font-face]" type="hidden" value="Tahoma, Geneva, sans-serif" data-fv-preview="#content .flowplayer, .flowplayer { font-family: %val%; }" />
1181	+
1182	+ <input id="skin-youtuby[player-position]" name="skin-youtuby[player-position]" type="hidden" value="" data-fv-preview=".flowplayer { margin-left: 0 !important; }" />
1183	+
1184	+ <input id="skin-youtuby[timeColor]" name="skin-youtuby[timeColor]" type="hidden" value="#ffffff" data-fv-preview=".flowplayer .fp-elapsed, .flowplayer .fp-duration { color: #%val% !important; }
1185	+ .fv-wp-flowplayer-notice-small { color: #%val% !important; }" />
1186	+
1187	+ <input id="skin-youtuby[durationColor]" name="skin-youtuby[durationColor]" type="hidden" value="" data-fv-preview=".flowplayer .fp-controls, .flowplayer .fv-ab-loop, .fv-player-buttons a:active, .fv-player-buttons a { color:#%val% !important; }
1188	+ .flowplayer .fp-controls > .fv-fp-prevbtn:before, .flowplayer .fp-controls > .fv-fp-nextbtn:before { border-color:#%val% !important; }" />
1189	+
1190	+ <input id="skin-youtuby[design-timeline]" name="skin-youtuby[design-timeline]" type="hidden" value="fp-full" data-fv-preview="" />
1191	+
1192	+ <input id="skin-youtuby[design-icons]" name="skin-youtuby[design-icons]" type="hidden" value=" " data-fv-preview="" />
1193	+
1194	+
1195	+ <tr>
1196	+ <td colspan="2">
1197	+ <input type="submit" name="fv-wp-flowplayer-submit" class="button-primary" value="Save All Changes" />
1198	+ </td>
1199	+ </tr>
1200	+ </table>
1201	+ <table class="form-table2 flowplayer-settings fv-player-interface-form-group" id="skin-Custom-settings" style="display: none">
1202	+ <tr>
1203	+ <td><label for="skin-custom[hasBorder]">Border:</label></td>
1204	+ <td>
1205	+ <p class="description">
1206	+ <input type="hidden" name="skin-custom[hasBorder]" value="false"/>
1207	+ <input type="checkbox" name="skin-custom[hasBorder]" id="skin-custom[hasBorder]" value="true" data-fv-preview=".flowplayer{border:%val%px solid !important;}" />
1208	+ </p>
1209	+ </td>
1210	+ </tr>
1211	+ <tr>
1212	+ <td><label for="skin-custom[bottom-fs]">Controlbar Fullscreen:</label></td>
1213	+ <td>
1214	+ <p class="description">
1215	+ <input type="hidden" name="skin-custom[bottom-fs]" value="false"/>
1216	+ <input type="checkbox" name="skin-custom[bottom-fs]" id="skin-custom[bottom-fs]" value="true" data-fv-preview="" />
1217	+ </p>
1218	+ </td>
1219	+ </tr>
1220	+ <tr>
1221	+ <td><label for="skin-custom[borderColor]">Border color :</label></td>
1222	+ <td>
1223	+ <input class="color" id="skin-custom[borderColor]" name="skin-custom[borderColor]" type="text" value="#666666" data-fv-preview=".flowplayer{border-color:#%val% !important;}" />
1224	+ </td>
1225	+ </tr>
1226	+
1227	+ <tr>
1228	+ <td><label for="skin-custom[marginBottom]">Bottom Margin :</label></td>
1229	+ <td>
1230	+ <input id="skin-custom[marginBottom]" name="skin-custom[marginBottom]" title="Enter value in em" type="text" value="2.8" data-fv-preview=".flowplayer { margin: 0 auto %val%px auto !important; display: block !important; }
1231	+ .flowplayer.fixed-controls { margin: 0 auto calc(%val%px + 30px) auto !important; display: block !important; }
1232	+ .flowplayer.has-abloop { margin-bottom: %val%px !important; }
1233	+ .flowplayer.fixed-controls.has-abloop { margin-bottom: calc(%val%px + 30px) !important; }" />
1234	+ </td>
1235	+ </tr>
1236	+
1237	+ <tr>
1238	+ <td><label for="skin-custom[bufferColor]">Buffer :</label></td>
1239	+ <td>
1240	+ <input class="color" id="skin-custom[bufferColor]" name="skin-custom[bufferColor]" type="text" value="#eeeeee" data-fv-preview=".flowplayer .fp-volumeslider, .flowplayer .noUi-background { background-color: #%val% !important; }
1241	+ .flowplayer .fp-buffer, .flowplayer .fv-ab-loop .noUi-handle { background-color: #%val% !important; }" />
1242	+ </td>
1243	+ </tr>
1244	+
1245	+ <tr>
1246	+ <td><label for="skin-custom[canvas]">Canvas :</label></td>
1247	+ <td>
1248	+ <input class="color" id="skin-custom[canvas]" name="skin-custom[canvas]" type="text" value="#000000" data-fv-preview=".flowplayer { background-color: #%val% !important; }" />
1249	+ </td>
1250	+ </tr>
1251	+
1252	+ <tr>
1253	+ <td><label for="skin-custom[backgroundColor]">Controlbar :</label></td>
1254	+ <td>
1255	+ <input class="color-opacity" id="skin-custom[backgroundColor]" name="skin-custom[backgroundColor]" type="text" value="#333333" data-fv-preview=".flowplayer .fv-ab-loop .noUi-handle { color:#%val% !important; }
1256	+ .fv_player_popup { background: #%val% !important;}
1257	+ .fvfp_admin_error_content { background: #%val% !important; }
1258	+ .flowplayer .fp-controls, .flowplayer .fv-ab-loop, .fv-player-buttons a:active, .fv-player-buttons a { background-color: #%val% !important; }" />
1259	+ </td>
1260	+ </tr>
1261	+
1262	+ <tr>
1263	+ <td><label for="skin-custom[font-face]">Font Face</label></td>
1264	+ <td>
1265	+ <select id="skin-custom[font-face]" name="skin-custom[font-face]" data-fv-preview="#content .flowplayer, .flowplayer { font-family: %val%; }">
1266	+ <option value="inherit">(inherit from template)</option>
1267	+ <option value=""Courier New", Courier, monospace">Courier New</option>
1268	+ <option value="Tahoma, Geneva, sans-serif" selected="selected">Tahoma, Geneva</option>
1269	+
1270	+ </select>
1271	+ </td>
1272	+ </tr>
1273	+
1274	+ <tr>
1275	+ <td class="second-column"><label for="skin-custom[player-position]">Player position</label></td>
1276	+ <td>
1277	+ <select id="skin-custom[player-position]" name="skin-custom[player-position]" data-fv-preview=".flowplayer { margin-left: 0 !important; }">
1278	+ <option value="" selected="selected">Centered</option>
1279	+ <option value="left">Left (no text-wrap)</option>
1280	+
1281	+ </select>
1282	+ </td>
1283	+ </tr>
1284	+
1285	+ <tr>
1286	+ <td><label for="skin-custom[progressColor]">Progress :</label></td>
1287	+ <td>
1288	+ <input class="color" id="skin-custom[progressColor]" name="skin-custom[progressColor]" type="text" value="#bb0000" data-fv-preview=".flowplayer .fp-volumelevel { background-color: #%val% !important; }
1289	+ .flowplayer .fp-progress, .flowplayer .fv-ab-loop .noUi-connect, .fv-player-buttons a.current { background-color: #%val% !important; }
1290	+ .flowplayer .fp-dropdown li.active { background-color: #%val% !important }
1291	+ .flowplayer .fp-color { background-color: #%val% !important }" />
1292	+ </td>
1293	+ </tr>
1294	+
1295	+ <tr>
1296	+ <td><label for="skin-custom[timeColor]">Time :</label></td>
1297	+ <td>
1298	+ <input class="color" id="skin-custom[timeColor]" name="skin-custom[timeColor]" type="text" value="#eeeeee" data-fv-preview=".flowplayer .fp-elapsed, .flowplayer .fp-duration { color: #%val% !important; }
1299	+ .fv-wp-flowplayer-notice-small { color: #%val% !important; }" />
1300	+ </td>
1301	+ </tr>
1302	+
1303	+ <tr>
1304	+ <td><label for="skin-custom[durationColor]">Buttons :</label></td>
1305	+ <td>
1306	+ <input class="color" id="skin-custom[durationColor]" name="skin-custom[durationColor]" type="text" value="#eeeeee" data-fv-preview=".flowplayer .fp-controls, .flowplayer .fv-ab-loop, .fv-player-buttons a:active, .fv-player-buttons a { color:#%val% !important; }
1307	+ .flowplayer .fp-controls > .fv-fp-prevbtn:before, .flowplayer .fp-controls > .fv-fp-nextbtn:before { border-color:#%val% !important; }" />
1308	+ </td>
1309	+ </tr>
1310	+
1311	+ <tr>
1312	+ <td class="second-column"><label for="skin-custom[design-timeline]">Timeline</label></td>
1313	+ <td>
1314	+ <select id="skin-custom[design-timeline]" name="skin-custom[design-timeline]" data-fv-preview="">
1315	+ <option value=" " selected="selected">Default</option>
1316	+ <option value="fp-slim">Slim</option>
1317	+ <option value="fp-full">Full</option>
1318	+ <option value="fp-fat">Fat</option>
1319	+ <option value="fp-minimal">Minimal</option>
1320	+
1321	+ </select>
1322	+ </td>
1323	+ </tr>
1324	+
1325	+ <tr>
1326	+ <td class="second-column"><label for="skin-custom[design-icons]">Icons</label></td>
1327	+ <td>
1328	+ <select id="skin-custom[design-icons]" name="skin-custom[design-icons]" data-fv-preview="">
1329	+ <option value=" " selected="selected">Default</option>
1330	+ <option value="fp-edgy">Edgy</option>
1331	+ <option value="fp-outlined">Outlined</option>
1332	+ <option value="fp-playful">Playful</option>
1333	+
1334	+ </select>
1335	+ </td>
1336	+ </tr>
1337	+
1338	+
1339	+ <tr>
1340	+ <td colspan="2">
1341	+ <input type="submit" name="fv-wp-flowplayer-submit" class="button-primary" value="Save All Changes" />
1342	</td>
1343	</tr>
1344	</table>

1349	<button type="button" class="handlediv" aria-expanded="true"><span class="screen-reader-text">Toggle panel: Playlist</span><span class="toggle-indicator" aria-hidden="true"></span></button><h2 class="hndle"><span>Playlist</span></h2>
1350	<div class="inside">
1351	<div class="flowplayer-wrapper">
1352	+ <div class="fp-playlist-external fv-playlist-design-2017 fp-playlist-horizontal fp-playlist-has-captions skin-slim" rel="wpfp_1b7da827d9fee9aa6d5bb9c5dca973bf">
1353	+ <a href='#' data-item='{"sources":[{"src":"https:\/\/player.vimeo.com\/external\/196881410.hd.mp4?s=24645ecff21ff60079fc5b7715a97c00f90c6a18&profile_id=174&oauth2_token_id=3501005","type":"video\/mp4"}],"fv_title":"Foliovision Video","subtitles":[{"srclang":"en","label":"English","src":"http:\/\/example.org\/wp-content\/plugins\/fv-wordpress-flowplayer\/images\/test-subtitles.vtt"}]}'><div class='fvp-playlist-thumb-img'><img src='https://i.vimeocdn.com/video/608654918_295x166.jpg' /></div><h4><span>Foliovision Video</span></h4></a>
1354	+ <a href='#' data-item='{"sources":[{"src":"https:\/\/player.vimeo.com\/external\/224781088.sd.mp4?s=face4dbb990b462826c8e1e43a9c66c6a9bb5585&profile_id=165&oauth2_token_id=3501005","type":"video\/mp4"}],"fv_title":"Lapinthrope Extras - Roy Thompson Hall Dance"}'><div class='fvp-playlist-thumb-img'><img src='https://i.vimeocdn.com/video/643908843_295x166.jpg' /></div><h4><span>Lapinthrope Extras - Roy Thompson Hall Dance</span></h4></a>
1355	+ <a href='#' data-item='{"sources":[{"src":"https:\/\/player.vimeo.com\/external\/45864857.hd.mp4?s=94fddee594da3258c9e10355f5bad8173c4aee7b&profile_id=113&oauth2_token_id=3501005","type":"video\/mp4"}],"fv_title":"Romeo and Juliet Ballet Schloss Kittsee"}'><div class='fvp-playlist-thumb-img'><img src='https://i.vimeocdn.com/video/319116053_295x166.jpg' /></div><h4><span>Romeo and Juliet Ballet Schloss Kittsee</span></h4></a>
1356	</div>
1357	Hint: you can click the thumbnails to switch videos in the above player. This preview uses the horizontal playlist style.
1358	</div>

1375	<tr>
1376	<td><label for="playlistSelectedColor">Active Item</label></td>
1377	<td><input class="color" id="playlistSelectedColor" name="playlistSelectedColor" type="text" value="#bb0000"
1378	+ data-fv-preview=".fp-playlist-external.fv-playlist-design-2014 a.is-active, .fp-playlist-external.fv-playlist-design-2014 a.is-active h4, .fp-playlist-external.fv-playlist-design-2014 a.is-active h4 span, .fp-playlist-external.fp-playlist-only-captions a.is-active, .fp-playlist-external.fp-playlist-only-captions a.is-active h4 span { color:#%val% !important; }"/></td>
1379	</tr>
1380	<tr>
1381	<td><label for="playlistFontColor-proxy">Font Color</label></td>
1382	<td>
1383	+ <input class="color" id="playlistFontColor-proxy" name="playlistFontColor-proxy" data-previous="" style="display:none;" type="text" value="" data-fv-preview=".fp-playlist-external a h4 span { color:#%val% !important; }, .fp-playlist-external > a { color:#%val% !important; }, #dashboard-widgets .flowplayer-wrapper .fp-playlist-external h4{color: #%val% !important;}" />
1384	+ <input id="playlistFontColor" name="playlistFontColor" type="hidden" value="" />

1385	<a class="playlistFontColor-show" >Use custom color</a>
1386	<a class="playlistFontColor-hide" style="display:none;">Inherit from theme</a>
1387	</td>

1402	<tr>
1403	<td><label for="subtitle-font-face">Font Face</label></td>
1404	<td>
1405	+ <select id="subtitle-font-face" name="subtitleFontFace" data-fv-preview=".flowplayer .fp-captions { font-family: %val% !important; }">
1406	<option value="inherit">(inherit)</option>
1407	<option value=""Courier New", Courier, monospace">Courier New</option>
1408	<option value="Tahoma, Geneva, sans-serif">Tahoma, Geneva</option>

1412	<tr>
1413	<td><label for="subtitleSize">Font Size</label></td>
1414	<td><input id="subtitleSize" name="subtitleSize" title="Enter value in pixels" type="text" value="16"
1415	+ data-fv-preview=".flowplayer .fp-captions p { font-size: %val%px !important; }"/></td>
1416	</tr>
1417	<tr>
1418	<td><label for="subtitleBgColor">Background Color</label></td>
1419	+ <td><input class="color-opacity" id="subtitleBgColor" name="subtitleBgColor" type="text" value="rgba(0,0,0,0.5)"
1420	+ data-fv-preview=".flowplayer .fp-captions p { background-color: %val% !important; }"/></td>
1421	</tr>





1422	<tr>
1423	<td colspan="2">
1424	<input type="submit" name="fv-wp-flowplayer-submit" class="button-primary" value="Save All Changes" />

1426	</tr>
1427	</table>
1428	<div id="fp-preview-wrapper">
1429	+ <div class="flowplayer skin-slim" id="preview">
1430	+ <div class="fp-captions fp-shown">
1431	+ <p>The quick brown fox jumps over the lazy dog.</p>
1432	+ <p>Second line.</p>
1433	</div>
1434	</div>
1435	</div>

1476	<div style="clear: both"></div>
1477	</div>
1478	</div>
1479	+ </div><input type="hidden" id="closedpostboxesnonce" name="closedpostboxesnonce" value="d28516cc79" /><input type="hidden" id="meta-box-order-nonce" name="meta-box-order-nonce" value="3edef551d9" /></div>

1480	<div id='postbox-container-tab_hosting' class='postbox-container' style="">
1481	<div id="normal-sortables" class="meta-box-sortables"><div id="fv_flowplayer_description" class="postbox " >
1482	<button type="button" class="handlediv" aria-expanded="true"><span class="screen-reader-text">Toggle panel: </span><span class="toggle-indicator" aria-hidden="true"></span></button><h2 class="hndle"><span> </span></h2>

1517	</td>
1518	</tr>
1519	<tr>
1520	+ <td class="first"><label for="s3_browser">Amazon S3 Browser (beta):</label></td>
1521	<td>
1522	<p class="description">
1523	<input type="hidden" name="s3_browser" value="false"/>

1534	<td><label for="amazon_region[]">Region</td>
1535	<td>
1536	<select id="amazon_region[]" name="amazon_region[]">
1537	+ <option value="">Select the region</option> <option value="ap-east-1">Asia Pacific (Hong Kong)</option>
1538	+ <option value="ap-south-1">Asia Pacific (Mumbai)</option>
1539	+ <option value="ap-northeast-3">Asia Pacific (Osaka-Local)</option>
1540	+ <option value="ap-northeast-2">Asia Pacific (Seoul)</option>
1541	+ <option value="ap-southeast-1">Asia Pacific (Singapore)</option>
1542	+ <option value="ap-southeast-2">Asia Pacific (Sydney)</option>
1543	+ <option value="ap-northeast-1">Asia Pacific (Tokyo)</option>
1544	+ <option value="ca-central-1">Canada (Central)</option>
1545	+ <option value="cn-north-1">China (Beijing)</option>
1546	+ <option value="cn-northwest-1">China (Ningxia)</option>
1547	+ <option value="eu-central-1">Europe (Frankfurt)</option>
1548	+ <option value="eu-west-1">Europe (Ireland)</option>
1549	+ <option value="eu-west-2">Europe (London)</option>
1550	+ <option value="eu-west-3">Europe (Paris)</option>
1551	+ <option value="eu-north-1">Europe (Stockholm)</option>
1552	+ <option value="me-south-1">Middle East (Bahrain)</option>
1553	+ <option value="sa-east-1">South America (São Paulo)</option>
1554	+ <option value="us-west-1">US West (N. California)</option>
1555	+ <option value="us-east-1">US East (N. Virginia)</option>
1556	+ <option value="us-east-2">US East (Ohio)</option>
1557	+ <option value="us-west-2">US West (Oregon)</option>







1558	</select>
1559	</td>
1560	</tr>

1586	</table>
1587	</div>
1588	</div>
1589	+ </div><input type="hidden" id="closedpostboxesnonce" name="closedpostboxesnonce" value="d28516cc79" /><input type="hidden" id="meta-box-order-nonce" name="meta-box-order-nonce" value="3edef551d9" /></div>

1590	<div id='postbox-container-tab_actions' class='postbox-container' style="">
1591	<div id="normal-sortables" class="meta-box-sortables"><div id="fv_flowplayer_description" class="postbox " >
1592	<button type="button" class="handlediv" aria-expanded="true"><span class="screen-reader-text">Toggle panel: </span><span class="toggle-indicator" aria-hidden="true"></span></button><h2 class="hndle"><span> </span></h2>

1660	</td>
1661	<td>
1662	<input type='hidden' name='popups[1][disabled]' value='0' />
1663	+ <input id='PopupAdPause-1' type='checkbox' name='popups[1][pause]' value='1' />
1664	+ <label for='PopupAdPause-1'>Show on pause</label><br />
1665	<input id='PopupAdDisabled-1' type='checkbox' name='popups[1][disabled]' value='1' />
1666	<label for='PopupAdDisabled-1'>Disable</label><br />
1667	<a class='fv-player-popup-remove' href=''>Remove</a></td>

1840	var aInputs = row.find('input, select');
1841	var key = row.attr('id').replace(/fv-player-list-item-/,'');
1842
1843	+ fv_player_open_preview_window(null,720,480);
1844
1845	button.prop('disabled',true);
1846	jQuery.ajax( {

1856	var shortcode = '[fvplayer src="https://player.vimeo.com/external/196881410.hd.mp4?s=24645ecff21ff60079fc5b7715a97c00f90c6a18&profile_id=174&oauth2_token_id=3501005" splash="https://i.vimeocdn.com/video/609485450_1280.jpg" preroll="no" postroll="no" subtitles="http://example.org/wp-content/plugins/fv-wordpress-flowplayer/images/test-subtitles.vtt" end_popup_preview="true" popup="email-#key#" caption="This is how the popup will appear at the end of a video"]';
1857	shortcode = shortcode.replace(/#key#/,key);
1858
1859	+ var url = 'http://example.org?fv_player_embed=3a9da036dc&fv_player_preview=' + b64EncodeUnicode(shortcode);
1860	fv_player_open_preview_window(url);
1861	},
1862	error: function() {

1896	<tr>
1897	<td colspan="2">
1898	<label for="ad">Default Ad Code:</label><br />
1899	+ <textarea id="ad" name="ad" class="large-text code" rows="2"></textarea>
1900	</td>
1901	</tr>
1902	<tr>

1946	</table>
1947	</div>
1948	</div>
1949	+ </div><input type="hidden" id="closedpostboxesnonce" name="closedpostboxesnonce" value="d28516cc79" /><input type="hidden" id="meta-box-order-nonce" name="meta-box-order-nonce" value="3edef551d9" /></div>
1950	+ <div id='postbox-container-tab_tools' class='postbox-container' style="">
1951	+ <div id="normal-sortables" class="meta-box-sortables"><div id="fv_flowplayer_description" class="postbox " >
1952	+ <button type="button" class="handlediv" aria-expanded="true"><span class="screen-reader-text">Toggle panel: </span><span class="toggle-indicator" aria-hidden="true"></span></button><h2 class="hndle"><span> </span></h2>
1953	+ <div class="inside">
1954	+ <table class="form-table">
1955	+ <tr>
1956	+ <td colspan="4">
1957	+ <p>
1958	+ Maintenance tools and debug info. </p>
1959	+ </td>
1960	+ </tr>
1961	+ </table>
1962	+ </div>
1963	+ </div>
1964	+ <div id="fv_flowplayer_system_information" class="postbox " >
1965	+ <button type="button" class="handlediv" aria-expanded="true"><span class="screen-reader-text">Toggle panel: System Info</span><span class="toggle-indicator" aria-hidden="true"></span></button><h2 class="hndle"><span>System Info</span></h2>
1966	+ <div class="inside">
1967	+ <textarea readonly="readonly" rows="10" id="fv-player-system-info-textarea">
1968	+ ### Begin System Info ###
1969	+
1970	+ ## Please include this information when posting support requests ##
1971	+
1972	+ Multisite: No
1973	+
1974	+ SITE_URL: http://example.org
1975	+ HOME_URL: http://example.org
1976	+ Plugin URL: http://example.org/wp-content/plugins/fv-wordpress-flowplayer
1977	+
1978	+ FV Player version: 7.4.14.727.3
1979	+ FV Player core version:
1980	+ FV Player license:
1981	+ WordPress Version: 5.4
1982	+ Permalink Structure:
1983	+ Active Theme: WordPress Default 1.6
1984	+
1985	+ Browser: none
1986	+ PHP Version: 7.3.9
1987	+ MySQL Version: 5.7.26
1988	+ Web Server Info:
1989	+
1990	+ WordPress Memory Limit: 40M
1991	+ PHP Memory Limit: 256M
1992	+ PHP Upload Max Size: 32M
1993	+ PHP Post Max Size: 8M
1994	+ PHP Upload Max Filesize: 32M
1995	+ PHP Time Limit: 30
1996	+ PHP Max Input Vars: 1000
1997	+ PHP Arg Separator: &
1998	+ PHP Allow URL File Open: Yes
1999	+ WP_DEBUG: Enabled
2000	+
2001	+ DISPLAY ERRORS: On (1)
2002	+ cURL: Your server supports cURL.
2003	+
2004	+ ACTIVE PLUGINS:
2005	+
2006	+ FV Player: 7.4.14.727
2007	+ FV Player Coconut: 7.4.8.727
2008	+ FV Player DRM: 7.4.10.727
2009	+ FV Player Pro: 7.4.15.727
2010	+ FV Player Simple History: 0.3.4
2011	+ FV Player Skin Tests: 0.1
2012	+ FV Player Vimeo Live Streaming: 7.4.2.727
2013	+ FV Player Vimeo Security: 7.4.7.727
2014	+ FV Thoughtful Comments: 0.3.5.16.16
2015	+ Lazy Load by WP Rocket: 2.3.2
2016	+ Log HTTP Requests: 1.0.3
2017	+ WP Crontrol: 1.6.2
2018	+
2019	+ SETTINGS
2020	+
2021	+ Array
2022	+ (
2023	+ [nag_fv_player_7] => 1
2024	+ [notice_new_lightbox] => 1
2025	+ [notice_db] => 1
2026	+ [notice_xml_sitemap_iframes] => 1
2027	+ [autoplay] => false
2028	+ [googleanalytics] => (redacted)
2029	+ [chromecast] => false
2030	+ [key] => (redacted)
2031	+ [logo] => false
2032	+ [rtmp] => false
2033	+ [auto_buffering] => false
2034	+ [disableembedding] => false
2035	+ [disablesharing] => false
2036	+ [disable_video_hash_links] =>
2037	+ [popupbox] => false
2038	+ [allowfullscreen] => true
2039	+ [allowuploads] => true
2040	+ [postthumbnail] => false
2041	+ [tgt] => backgroundcolor
2042	+ [backgroundColor] => #333333
2043	+ [canvas] => #000000
2044	+ [sliderColor] => #ffffff
2045	+ [durationColor] => #eeeeee
2046	+ [timeColor] => #eeeeee
2047	+ [progressColor] => #bb0000
2048	+ [bufferColor] => #eeeeee
2049	+ [timelineColor] => #666666
2050	+ [borderColor] => #666666
2051	+ [hasBorder] => false
2052	+ [adTextColor] => #888
2053	+ [adLinksColor] => #ff3333
2054	+ [subtitleBgColor] => rgba(0,0,0,0.5)
2055	+ [subtitleSize] => 16
2056	+ [playlistBgColor] => #808080
2057	+ [playlistFontColor] =>
2058	+ [playlistSelectedColor] => #bb0000
2059	+ [logoPosition] => bottom-left
2060	+ [parse_commas] => false
2061	+ [width] => 640
2062	+ [height] => 360
2063	+ [engine] => false
2064	+ [font-face] => Tahoma, Geneva, sans-serif
2065	+ [ad] =>
2066	+ [ad_width] =>
2067	+ [ad_height] =>
2068	+ [ad_css] => .wpfp_custom_ad { position: absolute; bottom: 10%; z-index: 20; width: 100%; }
2069	+ .wpfp_custom_ad_content { background: white; margin: 0 auto; position: relative }
2070	+ [ad_show_after] => 0
2071	+ [disable_videochecker] => false
2072	+ [interface] => Array
2073	+ (
2074	+ [playlist] =>
2075	+ [redirect] =>
2076	+ [autoplay] =>
2077	+ [loop] =>
2078	+ [splashend] =>
2079	+ [embed] =>
2080	+ [subtitles] =>
2081	+ [ads] =>
2082	+ [mobile] =>
2083	+ [align] =>
2084	+ [popup] => true
2085	+ )
2086	+
2087	+ [amazon_bucket] => Array
2088	+ (
2089	+ [0] =>
2090	+ )
2091	+
2092	+ [amazon_key] => (redacted, 1)
2093	+ [amazon_secret] => (redacted, 1)
2094	+ [amazon_region] => Array
2095	+ (
2096	+ [0] =>
2097	+ )
2098	+
2099	+ [amazon_expire] => 5
2100	+ [amazon_expire_force] => false
2101	+ [fixed_size] => false
2102	+ [js-everywhere] => false
2103	+ [marginBottom] => 28
2104	+ [ui_play_button] => true
2105	+ [volume] => 0.7
2106	+ [player-position] =>
2107	+ [playlist_advance] =>
2108	+ [sharing_email_text] => Check out the amazing video here
2109	+ [liststyle] => horizontal
2110	+ [ui_speed_increment] => 0.25
2111	+ [popups_default] => no
2112	+ [email_lists] => Array
2113	+ (
2114	+ )
2115	+
2116	+ [sticky_video] => false
2117	+ [sticky_place] => right-bottom
2118	+ [sticky_width] => 380
2119	+ [playlist-design] => 2017
2120	+ [skin-slim] => Array
2121	+ (
2122	+ [progressColor] => #bb0000
2123	+ )
2124	+
2125	+ [skin-youtuby] => Array
2126	+ (
2127	+ [progressColor] => #bb0000
2128	+ )
2129	+
2130	+ [skin-custom] => Array
2131	+ (
2132	+ [hasBorder] => false
2133	+ [borderColor] => #666666
2134	+ [bufferColor] => #eeeeee
2135	+ [canvas] => #000000
2136	+ [backgroundColor] => #333333
2137	+ [font-face] => Tahoma, Geneva, sans-serif
2138	+ [player-position] =>
2139	+ [progressColor] => #bb0000
2140	+ [timeColor] => #eeeeee
2141	+ [durationColor] => #eeeeee
2142	+ )
2143	+
2144	+ [skin] => slim
2145	+ [hlsjs] => true
2146	+ [lightbox_images] =>
2147	+ [lightbox_improve_galleries] =>
2148	+ [mailchimp_api] =>
2149	+ [mailchimp_list] =>
2150	+ [mailchimp_label] => Subscribe for updates
2151	+ [pro] => Array
2152	+ (
2153	+ [quality] => ,
2154	+ [transcript_theme] => light
2155	+ [video_ads_default] => no
2156	+ [video_ads_postroll_default] => no
2157	+ [video_ads_skip] => 5
2158	+ [video_ads_skip_minimum] => 10
2159	+ [watching_prompt_msg] => Are you still watching?
2160	+ )
2161	+
2162	+ [version] => 7.4.14.727.3
2163	+ [css_writeout-http-localhost8080-wordpress] => 1581680206
2164	+ )
2165	+
2166	+ DATABASE
2167	+
2168	+ CREATE TABLE `wp_fv_player_players` (
2169	+ `id` bigint(20) unsigned NOT NULL AUTO_INCREMENT,
2170	+ `player_name` varchar(255) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2171	+ `player_slug` varchar(255) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2172	+ `videos` mediumtext COLLATE utf8mb4_unicode_520_ci NOT NULL,
2173	+ `ab` varchar(3) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2174	+ `ad` text COLLATE utf8mb4_unicode_520_ci NOT NULL,
2175	+ `ad_height` varchar(7) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2176	+ `ad_width` varchar(7) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2177	+ `ad_skip` varchar(7) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2178	+ `align` varchar(7) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2179	+ `author` bigint(20) unsigned NOT NULL DEFAULT '0',
2180	+ `autoplay` varchar(7) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2181	+ `controlbar` varchar(7) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2182	+ `copy_text` varchar(120) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2183	+ `changed_by` bigint(20) unsigned NOT NULL DEFAULT '0',
2184	+ `date_created` datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
2185	+ `date_modified` datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
2186	+ `embed` varchar(12) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2187	+ `end_actions` varchar(10) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2188	+ `end_action_value` varchar(255) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2189	+ `height` varchar(7) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2190	+ `hflip` varchar(7) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2191	+ `lightbox` varchar(7) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2192	+ `lightbox_caption` varchar(120) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2193	+ `lightbox_height` varchar(7) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2194	+ `lightbox_width` varchar(7) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2195	+ `playlist` varchar(10) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2196	+ `playlist_advance` varchar(7) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2197	+ `qsel` varchar(25) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2198	+ `share` varchar(7) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2199	+ `share_title` varchar(120) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2200	+ `share_url` varchar(255) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2201	+ `speed` varchar(255) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2202	+ `sticky` varchar(7) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2203	+ `video_ads` varchar(10) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2204	+ `video_ads_post` varchar(10) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2205	+ `width` varchar(7) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2206	+ PRIMARY KEY (`id`)
2207	+ ) ENGINE=InnoDB AUTO_INCREMENT=97 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_520_ci
2208	+
2209	+ CREATE TABLE `wp_fv_player_playermeta` (
2210	+ `id` bigint(20) unsigned NOT NULL AUTO_INCREMENT,
2211	+ `id_player` bigint(20) unsigned NOT NULL DEFAULT '0',
2212	+ `meta_key` varchar(255) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2213	+ `meta_value` longtext COLLATE utf8mb4_unicode_520_ci NOT NULL,
2214	+ PRIMARY KEY (`id`),
2215	+ KEY `id_player` (`id_player`),
2216	+ KEY `meta_key` (`meta_key`(191))
2217	+ ) ENGINE=InnoDB AUTO_INCREMENT=396 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_520_ci
2218	+
2219	+ CREATE TABLE `wp_fv_player_videos` (
2220	+ `id` bigint(20) unsigned NOT NULL AUTO_INCREMENT,
2221	+ `src` varchar(1024) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2222	+ `src1` varchar(1024) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2223	+ `src2` varchar(1024) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2224	+ `splash` varchar(1024) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2225	+ `splash_text` varchar(1024) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2226	+ `caption` varchar(1024) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2227	+ `end` varchar(1024) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2228	+ `mobile` varchar(1024) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2229	+ `rtmp` varchar(1024) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2230	+ `rtmp_path` varchar(1024) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2231	+ `start` varchar(1024) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2232	+ PRIMARY KEY (`id`),
2233	+ KEY `src` (`src`(191)),
2234	+ KEY `caption` (`caption`(191))
2235	+ ) ENGINE=InnoDB AUTO_INCREMENT=183 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_520_ci
2236	+
2237	+ CREATE TABLE `wp_fv_player_videometa` (
2238	+ `id` bigint(20) unsigned NOT NULL AUTO_INCREMENT,
2239	+ `id_video` bigint(20) unsigned NOT NULL DEFAULT '0',
2240	+ `meta_key` varchar(255) COLLATE utf8mb4_unicode_520_ci NOT NULL,
2241	+ `meta_value` longtext COLLATE utf8mb4_unicode_520_ci NOT NULL,
2242	+ PRIMARY KEY (`id`),
2243	+ KEY `id_video` (`id_video`),
2244	+ KEY `meta_key` (`meta_key`(191))
2245	+ ) ENGINE=InnoDB AUTO_INCREMENT=703 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_520_ci
2246	+
2247	+
2248	+ ### End System Info ###
2249	+ </textarea>
2250	+ <a class="button" href="http://example.org/wp-admin/options-general.php?page=fvplayer&action=fv-player-system-info&_wpnonce=XYZ">Export</a>
2251	+ </div>
2252	+ </div>
2253	+ <div id="fv_flowplayer_rollback" class="postbox " >
2254	+ <button type="button" class="handlediv" aria-expanded="true"><span class="screen-reader-text">Toggle panel: Rollback</span><span class="toggle-indicator" aria-hidden="true"></span></button><h2 class="hndle"><span>Rollback</span></h2>
2255	+ <div class="inside">
2256	+
2257	+ <p>Are you having issues with version 7.4.999.727.1?</p>
2258	+ <p>You can go back to the previous minor release here:</p>
2259	+ <p><a href="http://example.org/wp-admin/options-general.php?page=fvplayer&action=fv-player-rollback&version=7.3.19.727&_wpnonce=bf36ca371a" class="button">Reinstall version 7.3.19.727</a></p>
2260	+ <p>You can go back to the last version without FV Player Database here:</p>
2261	+ <p><a href="http://example.org/wp-admin/options-general.php?page=fvplayer&action=fv-player-rollback&version=7.2.8.727&_wpnonce=bf36ca371a" class="button">Reinstall version 7.2.8.727</a></p>
2262	+ <p>You can reinstall the last FV Player 6 here:</p>
2263	+ <p><a href="http://example.org/wp-admin/options-general.php?page=fvplayer&action=fv-player-rollback&version=6.6.6&_wpnonce=bf36ca371a" class="button">Reinstall version 6.6.6</a></p>
2264	+ </div>
2265	+ </div>
2266	+ </div><input type="hidden" id="closedpostboxesnonce" name="closedpostboxesnonce" value="6593ac0de6" /><input type="hidden" id="meta-box-order-nonce" name="meta-box-order-nonce" value="83aacb7de3" /> </div>
2267	+ <div id='postbox-container-tab_help' class='postbox-container' style="">
2268	+ <div id="normal-sortables" class="meta-box-sortables"><div id="fv_flowplayer_usage" class="postbox " >
2269	+ <button type="button" class="handlediv" aria-expanded="true"><span class="screen-reader-text">Toggle panel: Usage</span><span class="toggle-indicator" aria-hidden="true"></span></button><h2 class="hndle"><span>Usage</span></h2>
2270	+ <div class="inside">
2271	+ <table class="form-table">
2272	+ <tr>
2273	+ <td colspan="4">
2274	+ <div class="column">
2275	+ <p>Basic Setup:</p>
2276	+ <div class="clear"></div>
2277	+ <ul>
2278	+ <li><a target="_blank" href="https://foliovision.com/player/basic-setup/installation">Installation</a></li>
2279	+ <li><a target="_blank" href="https://foliovision.com/player/basic-setup/start-up-guide">Start up guide</a></li>
2280	+ <li><a target="_blank" href="https://foliovision.com/player/basic-setup/post-interface-options">Post Interface Options</a></li>
2281	+ <li><a target="_blank" href="https://foliovision.com/player/basic-setup/alignment-settings">Alignment Settings</a></li>
2282	+ <li><a target="_blank" href="https://foliovision.com/player/basic-setup/autoplay">Autoplay</a></li>
2283	+ <li><a target="_blank" href="https://foliovision.com/player/basic-setup/customizing-fv-player-skin">Customizing FV Player Skin</a></li>
2284	+ <li><a target="_blank" href="https://foliovision.com/player/basic-setup/managing-sharing-buttons">Sharing Videos on Social Media</a></li>
2285	+ <li><a target="_blank" href="https://foliovision.com/player/basic-setup/customing-email-sharing">Email Sharing</a></li>
2286	+ <li><a target="_blank" href="https://foliovision.com/player/basic-setup/using-iframe-embedding">Using the Iframe Embedding</a></li>
2287	+ <li><a target="_blank" href="https://foliovision.com/player/basic-setup/using-lightbox">Using the Video Lightbox Effect</a></li>
2288	+ <li><a target="_blank" href="https://foliovision.com/player/basic-setup/encoding">Video Encoding for HTML 5</a></li>
2289	+ <li><a target="_blank" href="https://foliovision.com/player/basic-setup/creating-playlists">How to Create Playlists</a></li>
2290	+ <li><a target="_blank" href="https://foliovision.com/player/basic-setup/vtt-chapters">VTT Chapters</a></li>
2291	+ <li><a target="_blank" href="https://foliovision.com/player/basic-setup/adding-captions-and-splash-text">Adding Titles and Splash Text</a></li>
2292	+ <li><a target="_blank" href="https://foliovision.com/player/basic-setup/quality-switching">Setting Up Video Quality Switching</a></li>
2293	+ <li><a target="_blank" href="https://foliovision.com/player/basic-setup/how-to-use-video-checker">How to Use the Built-in Video Checker</a></li>
2294	+ <li><a target="_blank" href="https://foliovision.com/player/basic-setup/creating-video-links">Creating Video Links in FV Player</a></li>
2295	+ <li><a target="_blank" href="https://foliovision.com/player/basic-setup/switching-fv-player-pro-to-beta">Switching FV Player Pro to Beta</a></li>
2296	+ <li><a target="_blank" href="https://foliovision.com/player/basic-setup/faq">FAQ</a></li>
2297	+ <li><a target="_blank" href="https://foliovision.com/player/basic-setup/comparison-table">WordPress Video Plugins Comparison</a></li>
2298	+ <li><a target="_blank" href="https://foliovision.com/player/basic-setup/shortcode-parameters">List of Shortcode Parameters</a></li>
2299	+ </ul>
2300	+ <p>Video Hosting:</p>
2301	+ <div class="clear"></div>
2302	+ <ul>
2303	+ <li><a target="_blank" href="https://foliovision.com/player/video-hosting/youtube-with-fv-player">Using YouTube with FV Player</a></li>
2304	+ <li><a target="_blank" href="https://foliovision.com/player/video-hosting/how-to-use-vimeo">How to Use Vimeo with WordPress</a></li>
2305	+ <li><a target="_blank" href="https://foliovision.com/player/video-hosting/secure-amazon-s3-guide">Serving Private Videos with Amazon S3</a></li>
2306	+ <li><a target="_blank" href="https://foliovision.com/player/video-hosting/serving-private-cloudfront">Serving Private Videos via CloudFront</a></li>
2307	+ <li><a target="_blank" href="https://foliovision.com/player/video-hosting/using-bunnycdn-with-fvplayer-pro">Using BunnyCDN with FV Player Pro</a></li>
2308	+ <li><a target="_blank" href="https://foliovision.com/player/video-hosting/using-keycdn-with-fvplayer">Using KeyCDN With FV Player</a></li>
2309	+ <li><a target="_blank" href="https://foliovision.com/player/video-hosting/hls">Using HLS With FV Player</a></li>
2310	+ </ul>
2311	+ <p>Ads:</p>
2312	+ <div class="clear"></div>
2313	+ <ul>
2314	+ <li><a target="_blank" href="https://foliovision.com/player/ads/advertising-with-fv-flowplayer">Advertising Options with FV Player</a></li>
2315	+ <li><a target="_blank" href="https://foliovision.com/player/ads/using-preroll-postroll-ads">Custom Video Ads in FV Player (pre-roll and post-roll)</a></li>
2316	+ <li><a target="_blank" href="https://foliovision.com/player/ads/adding-popup-ads">Overlay Ads in FV Player</a></li>
2317	+ <li><a target="_blank" href="https://foliovision.com/player/ads/google-advertising-options">Google Video Advertising Options</a></li>
2318	+ <li><a target="_blank" href="https://foliovision.com/player/ads/incorporating-google-adsense">Incorporating Google Ads (AdSense)</a></li>
2319	+ <li><a target="_blank" href="https://foliovision.com/player/ads/setting-up-html-popups">Video Actions: HTML Pop-ups</a></li>
2320	+ <li><a target="_blank" href="https://foliovision.com/player/ads/using-exoclick-ads">Using ExoClick Ads With FV Player</a></li>
2321	+ </ul>
2322	+ </div>
2323	+ <div class="column">
2324	+ <p>Advanced:</p>
2325	+ <div class="clear"></div>
2326	+ <ul>
2327	+ <li><a target="_blank" href="https://foliovision.com/player/advanced/how-player-widget">How to use FV Player Widget</a></li>
2328	+ <li><a target="_blank" href="https://foliovision.com/player/advanced/video-custom-fields">Setting up Video Custom Fields</a></li>
2329	+ <li><a target="_blank" href="https://foliovision.com/player/advanced/google-analytics-fv-player">Using Google Analytics with FV Player</a></li>
2330	+ <li><a target="_blank" href="https://foliovision.com/player/advanced/ab-loop-function">AB Loop Function</a></li>
2331	+ <li><a target="_blank" href="https://foliovision.com/player/advanced/subtitles">How to Create Subtitles</a></li>
2332	+ <li><a target="_blank" href="https://foliovision.com/player/advanced/interactive-video-transcript">Interactive Video Transcript</a></li>
2333	+ <li><a target="_blank" href="https://foliovision.com/player/advanced/custom-start-end-time">How to Use Custom Start/End Time</a></li>
2334	+ <li><a target="_blank" href="https://foliovision.com/player/advanced/sticky-video">Sticky Video</a></li>
2335	+ <li><a target="_blank" href="https://foliovision.com/player/advanced/css-tips-and-fixes">CSS Tips and Fixes</a></li>
2336	+ <li><a target="_blank" href="https://foliovision.com/player/advanced/player-minify-plugins">Using FV Player with Minify Plugins</a></li>
2337	+ <li><a target="_blank" href="https://foliovision.com/player/advanced/speed-buttons">How to Use the Speed Buttons</a></li>
2338	+ <li><a target="_blank" href="https://foliovision.com/player/advanced/sub-domains-and-multi-domains">Using FV Player with Sub-domains and Multi-Domains</a></li>
2339	+ <li><a target="_blank" href="https://foliovision.com/player/advanced/profile-videos">FV Player Profile Videos</a></li>
2340	+ <li><a target="_blank" href="https://foliovision.com/player/advanced/video-downloading-with-simple-history">Video Downloading With Simple History Support</a></li>
2341	+ <li><a target="_blank" href="https://foliovision.com/player/advanced/email-subscription-form-popups">Email Subscription Form Pop-ups</a></li>
2342	+ <li><a target="_blank" href="https://foliovision.com/player/advanced/using-fv-player-with-amp">Using FV Player With AMP</a></li>
2343	+ <li><a target="_blank" href="https://foliovision.com/player/advanced/api-programming">Programmer’s Guide</a></li>
2344	+ <li><a target="_blank" href="https://foliovision.com/player/advanced/downgrading">FV WordPress Flowplayer Downgrading</a></li>
2345	+ <li><a target="_blank" href="https://foliovision.com/player/advanced/changelog">Changelog</a></li>
2346	+ <li><a target="_blank" href="https://foliovision.com/player/advanced/compatibility">Incompatible Plugins and Scripts</a></li>
2347	+ </ul>
2348	+ <p>Securing Your Video:</p>
2349	+ <div class="clear"></div>
2350	+ <ul class='children'>
2351	+ <li><a target="_blank" href="https://foliovision.com/player/securing-your-video/protecting-video-from-downloading">How to Protect Your Videos from Being Downloaded</a></li>
2352	+ <li><a target="_blank" href="https://foliovision.com/player/securing-your-video/rtmp-streams">How to use RTMP streams with Flash</a></li>
2353	+ <li><a target="_blank" href="https://foliovision.com/player/securing-your-video/hls-stream">How to setup encrypted HLS stream with Amazon Elastic Transcoder</a></li>
2354	+ <li><a target="_blank" href="https://foliovision.com/player/securing-your-video/protecting-videos-with-drm-text">Protecting Videos With DRM Text</a></li>
2355	+ </ul>
2356	+ <p>VAST/VPAID Ads:</p>
2357	+ <div class="clear"></div>
2358	+ <ul>
2359	+ <li><a target="_blank" href="https://foliovision.com/player/vast/how-to-use-vast">How to Use FV Player VAST</a></li>
2360	+ <li><a target="_blank" href="https://foliovision.com/player/vast/url-tags">Using URL Tags</a></li>
2361	+ <li><a target="_blank" href="https://foliovision.com/player/vast/tester">VAST Tester</a></li>
2362	+ <li><a target="_blank" href="https://foliovision.com/player/vast/tracking-vast-with-analytics">Tracking VAST and VPAID Ads With Google Analytics</a></li>
2363	+ <li><a target="_blank" href="https://foliovision.com/player/vast/using-fv-vast-outside-wordpress">Using FV Player VAST Outside WordPress</a></li>
2364	+ <li><a target="_blank" href="https://foliovision.com/player/vast/sample-vast-tags">List of Sample VAST/VPAID Ad Tags</a></li>
2365	+ </ul>
2366	+ </div>
2367	+ <div class="clear"></div>
2368	+ </td>
2369	+ <td></td>
2370	+ </tr>
2371	+ </table>
2372	+ </div>
2373	+ </div>
2374	+ </div><input type="hidden" id="closedpostboxesnonce" name="closedpostboxesnonce" value="d28516cc79" /><input type="hidden" id="meta-box-order-nonce" name="meta-box-order-nonce" value="3edef551d9" /></div>
2375	+ <div id='postbox-container-tab_video_intelligence' class='postbox-container' style="">
2376	+ <div id="normal-sortables" class="meta-box-sortables"><div id="fv_flowplayer_video_intelligence" class="postbox " >
2377	<button type="button" class="handlediv" aria-expanded="true"><span class="screen-reader-text">Toggle panel: video intelligence</span><span class="toggle-indicator" aria-hidden="true"></span></button><h2 class="hndle"><span>video intelligence</span></h2>
2378	<div class="inside">
2379	+ <style>
2380	+ #fv_flowplayer_video_intelligence_revival { display: none }
2381	+ </style>
2382	+ <input type="hidden" id="nonce_fv_player_vi_install" name="nonce_fv_player_vi_install" value="d9672c9ed6" /><input type="hidden" name="_wp_http_referer" value="" />
2383	+ <table class="form-table2" style="margin: 5px; ">
2384	+ <tbody>
2385	+ <tr>
2386	+ <td class="first">
2387	+ <img src="http://example.org/wp-content/plugins/fv-wordpress-flowplayer/images/vi-logo.svg" alt="video intelligence logo" />
2388	+ <a href="https://vi.ai/publisher-video-monetization/?aid=foliovision&email=&url=http://example.org&invtype=3#publisher_signup" target="_blank" class="button vi-register">Learn More</a>
2389	+ </td>
2390	+ <td>
2391	+ <p>Video content and video advertising – powered by <strong>video intelligence</strong></p>
2392	+ <p>Advertisers pay more for video advertising when it's matched with video content. This new video player will insert both on your page. It increases time on site, and commands a higher CPM than display advertising.</p>
2393	+ <p>You'll see video content that is matched to your sites keywords straight away. A few days after activation you'll begin to receive revenue from advertising served before this video content.</p>
2394	+ <ul>
2395	+ <li>The set up takes only a few minutes</li>
2396	+ <li>Up to 10x higher CPM than traditional display advertising</li>
2397	+ <li>Users spend longer on your site thanks to professional video content</li>
2398	+ </ul>
2399	+ </td>
2400	+ </tr>
2401	+ <tr>
2402	+ <td></td>
2403	+ <td>
2404	+ <p>By clicking sign up you agree to send your current domain, email and affiliate ID to video intelligence.</p>
2405	+ <a href="https://vi.ai/publisher-video-monetization/?aid=foliovision&email=&url=http://example.org&invtype=3#publisher_signup" target="_blank" class="button vi-register">Learn More or Create an Account</a>
2406	+ </td>
2407	+ </tr>
2408	+ </tbody>
2409	+ </table>
2410
2411	+ </div>
2412	</div>
2413	<div id="fv_flowplayer_video_intelligence_account" class="postbox " >
2414	<button type="button" class="handlediv" aria-expanded="true"><span class="screen-reader-text">Toggle panel: Account</span><span class="toggle-indicator" aria-hidden="true"></span></button><h2 class="hndle"><span>Account</span></h2>
2415	<div class="inside">
2416	<input type="hidden" id="nonce_fv_player_vi_install" name="nonce_fv_player_vi_install" value="d9672c9ed6" /><input type="hidden" name="_wp_http_referer" value="" />
2417	+ <table class="form-table2" style="margin: 5px; ">
2418	+ <tbody>
2419	+ <tr>
2420	+ <td class="first"><label for="vi_login">Login:</label></td>
2421	+ <td>
2422	+ <p class="description">
2423	+ <input type="text" name="vi_login" id="vi_login" class="medium" />
2424	+ </p>
2425	+ </td>
2426	+ </tr>
2427	+ <tr>
2428	+ <td><label for="vi_pass">Password:</label></td>
2429	+ <td>
2430	+ <p class="description">
2431	+ <input type="password" name="vi_pass" id="vi_pass" class="medium" />
2432	+ </p>
2433	+ </td>
2434	+ </tr>
2435	+ <tr>
2436	+ <td>
2437	+ </td>
2438	+ <td>
2439	+ <input type="submit" name="fv_player_vi_install" value="Sign in" class="button-primary">
2440	+ </td>
2441	+ </tr>
2442	+ <tr>
2443	+ <td></td>
2444	+ <td>
2445	+ <p><a href="mailto:support@vi.ai?Subject=Issues%20with%20account%20activation%20for%20http%3A%2F%2Fexample.org">I'm having issues with the account activation</a></p>
2446	+ </td>
2447	+ </tr>
2448	+ </tbody>
2449	+ </table>
2450	+
2451
2452
2453	+ </div>
2454	</div>
2455	<div id="fv_flowplayer_video_intelligence_hide" class="postbox " >
2456	<button type="button" class="handlediv" aria-expanded="true"><span class="screen-reader-text">Toggle panel: Hide vi Ads</span><span class="toggle-indicator" aria-hidden="true"></span></button><h2 class="hndle"><span>Hide vi Ads</span></h2>
2457	<div class="inside">
2458	+ <input id="fv-player-vi-remove" type="checkbox"> <label for="fv-player-vi-remove">Hide the vi Ads tab</label>
2459	+ <script>
2460	+ jQuery( function($) {
2461	+ $('#fv-player-vi-remove').click( function() {
2462	+ $.post(ajaxurl, {action:'fv-player-vi-remove'}, function() {
2463	+ $('#fv-player-vi-give-back').prop('checked',false);
2464	+ $('[href=#postbox-container-tab_video_intelligence]').hide();
2465	+ $('#fv_flowplayer_video_intelligence').hide();
2466	+ $('[href=#postbox-container-tab_video_ads]').click();
2467	+ $('#fv_flowplayer_video_intelligence_revival').show();
2468	+ });
2469	+
2470	+ });
2471	+ });
2472	+ </script>
















































































2473	</div>
2474	</div>
2475	+ </div><input type="hidden" id="closedpostboxesnonce" name="closedpostboxesnonce" value="d28516cc79" /><input type="hidden" id="meta-box-order-nonce" name="meta-box-order-nonce" value="3edef551d9" /></div>
2476	+
2477	<div style="clear: both"></div>
2478	</div>
2479	<input type="hidden" id="fv_flowplayer_settings_nonce" name="fv_flowplayer_settings_nonce" value="6efb8df58f" /><input type="hidden" name="_wp_http_referer" value="" /> </form>

2592	var more = jQuery('.more', jQuery(this).parents('tr') ).length ? jQuery('.more', jQuery(this).parents('tr') ) : jQuery(this).parent().siblings('.more');
2593
2594	more.toggle();
2595	+
2596	+ } );
2597	+
2598	+ jQuery('.show-info').click( function(e) {
2599	+ e.preventDefault();
2600	+ jQuery('.fv-player-admin-tooltip', jQuery(this).parents('tr') ).toggle();

2601	} );
2602
2603	/*
2604	+ * Color Picker Default
2605	*/
2606	jQuery('.playlistFontColor-show').click(function(e){
2607	e.preventDefault();
2608	jQuery(e.target).hide();
2609	jQuery('.playlistFontColor-hide').show();
2610
2611	+ jQuery('#playlistFontColor-proxy').show().val(jQuery('#playlistFontColor-proxy').data('previous')).trigger('change');
2612	jQuery('#playlistFontColor').val(jQuery('#playlistFontColor-proxy').data('previous'));
2613	});
2614

2617	jQuery(e.target).hide();
2618	jQuery('.playlistFontColor-show').show();
2619
2620	+ jQuery('#playlistFontColor-proxy').data('previous',jQuery('#playlistFontColor-proxy').hide().val()).val('').trigger('change');
2621	jQuery('#playlistFontColor').val('');
2622	});
2623

2653	jQuery('#' + anchor).show();
2654	});
2655
2656	+ jQuery('#normal-sortables .button-primary').on('click',function(e){
2657	+ if ('fv-wp-flowplayer-submit' == this.name) {
2658	+ // store windows scroll position, so we can return to the same spot after reload
2659	+ if (localStorage) {
2660	+ localStorage["fv_posStorage"] = $(window).scrollTop();
2661	+ }
2662	+ }
2663	+
2664	+ return true;
2665	+ });
2666	+
2667	+ jQuery(window).on('load', function() {
2668	+ setTimeout(function() {
2669	+ if (localStorage) {
2670	+ var posReader = localStorage["fv_posStorage"];
2671	+ if (posReader) {
2672	+ jQuery(window).scrollTop(posReader);
2673	+ localStorage.removeItem("fv_posStorage");
2674	+ }
2675	+ }
2676	+ }, 100);
2677	+ });
2678
2679	jQuery('a.fv-settings-anchor').on('click',function(e){
2680	var id = jQuery(this).attr('href');

test/integration/backend/videointelligenceInstallTest.php CHANGED Viewed

	@@ -17,6 +17,11 @@ final class FV_Player_videointelligenceInstallTestCase extends FV_Player_UnitTes
17	parent::wpSetUpBeforeClass();
18
19	remove_action( 'admin_init', 'wp_admin_headers' );





20	do_action( 'admin_init' );
21	}
22


17	parent::wpSetUpBeforeClass();
18
19	remove_action( 'admin_init', 'wp_admin_headers' );
20	+
21	+ remove_action( 'admin_init', '_maybe_update_core' );
22	+ remove_action( 'admin_init', '_maybe_update_plugins' );
23	+ remove_action( 'admin_init', '_maybe_update_themes' );
24	+
25	do_action( 'admin_init' );
26	}
27

test/integration/frontend/testSimpleShortcode.html CHANGED Viewed

	@@ -30,7 +30,7 @@
30	.flowplayer.skin-custom .fp-color-fill .svg-color, .flowplayer.skin-custom .fp-color-fill svg.fvp-icon, .flowplayer.skin-custom .fp-color-fill { fill: #bb0000 !important; color: #bb0000 !important; }
31	.flowplayer.skin-custom .fp-controls, .fv-player-buttons a:active, .fv-player-buttons a { background-color: #333333 !important; }
32	.flowplayer.skin-custom a.fp-play, .flowplayer.skin-custom a.fp-mute, .flowplayer.skin-custom .fp-controls, .flowplayer.skin-custom .fv-ab-loop, .fv-player-buttons a:active, .fv-player-buttons a { color: #eeeeee !important; }
33	- .flowplayer.skin-custom .fv-fp-prevbtn:before, .flowplayer.skin-custom .fv-fp-nextbtn:before { border-color: #eeeeee !important; }
34	.flowplayer.skin-custom .fvfp_admin_error, .flowplayer.skin-custom .fvfp_admin_error a, #content .flowplayer.skin-custom .fvfp_admin_error a { color: #eeeeee; }
35	.flowplayer.skin-custom .fp-volumeslider, .flowplayer.skin-custom .fp-buffer, .flowplayer.skin-custom .noUi-background { background-color: #eeeeee !important; }
36	.flowplayer.skin-custom .fp-elapsed, .flowplayer.skin-custom .fp-duration { color: #eeeeee !important; }
	@@ -63,7 +63,7 @@
63	<div class="fp-ui"><noscript>Please enable JavaScript</noscript><div class="fp-preload"><b></b><b></b><b></b><b></b></div></div>
64	<div class='fvp-share-bar'><ul class="fvp-sharing">
65	<li><a class="sharing-facebook" href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fexample.org%2F%3Fp%3D1234" target="_blank"></a></li>
66	- <li><a class="sharing-twitter" href="https://twitter.com/~~home~~?~~status~~=Test+Blog+http%3A%2F%2Fexample.org%2F%3Fp%3D1234" target="_blank"></a></li>
67	<li><a class="sharing-email" href="mailto:?body=Check%20out%20the%20amazing%20video%20here%3A%20http%3A%2F%2Fexample.org%2F%3Fp%3D1234" target="_blank"></a></li></ul><div><a class="sharing-link" href="http://example.org/?p=1234" target="_blank">Link</a></div><div><label><a class="embed-code-toggle" href="#"><strong>Embed</strong></a></label></div><div class="embed-code"><label>Copy and paste this HTML code into your webpage to embed.</label><textarea></textarea></div></div>
68	</div>
69
	@@ -96,6 +96,7 @@ var fv_flowplayer_playlists = [];
96	<script type='text/javascript' src='http://example.org/wp-content/plugins/fv-wordpress-flowplayer/flowplayer/modules/live-stream.module.js?ver=1.2.3'></script>
97	<script type='text/javascript' src='http://example.org/wp-content/plugins/fv-wordpress-flowplayer/flowplayer/modules/mailchimp.module.js?ver=1.2.3'></script>
98	<script type='text/javascript' src='http://example.org/wp-content/plugins/fv-wordpress-flowplayer/flowplayer/modules/mobile.module.js?ver=1.2.3'></script>

99	<script type='text/javascript' src='http://example.org/wp-content/plugins/fv-wordpress-flowplayer/flowplayer/modules/old-browsers.module.js?ver=1.2.3'></script>
100	<script type='text/javascript' src='http://example.org/wp-content/plugins/fv-wordpress-flowplayer/flowplayer/modules/playback-position.module.js?ver=1.2.3'></script>
101	<script type='text/javascript' src='http://example.org/wp-content/plugins/fv-wordpress-flowplayer/flowplayer/modules/playlist-controlbar.module.js?ver=1.2.3'></script>


30	.flowplayer.skin-custom .fp-color-fill .svg-color, .flowplayer.skin-custom .fp-color-fill svg.fvp-icon, .flowplayer.skin-custom .fp-color-fill { fill: #bb0000 !important; color: #bb0000 !important; }
31	.flowplayer.skin-custom .fp-controls, .fv-player-buttons a:active, .fv-player-buttons a { background-color: #333333 !important; }
32	.flowplayer.skin-custom a.fp-play, .flowplayer.skin-custom a.fp-mute, .flowplayer.skin-custom .fp-controls, .flowplayer.skin-custom .fv-ab-loop, .fv-player-buttons a:active, .fv-player-buttons a { color: #eeeeee !important; }
33	+ .flowplayer.skin-custom .fp-controls > .fv-fp-prevbtn:before, .flowplayer.skin-custom .fp-controls > .fv-fp-nextbtn:before { border-color: #eeeeee !important; }
34	.flowplayer.skin-custom .fvfp_admin_error, .flowplayer.skin-custom .fvfp_admin_error a, #content .flowplayer.skin-custom .fvfp_admin_error a { color: #eeeeee; }
35	.flowplayer.skin-custom .fp-volumeslider, .flowplayer.skin-custom .fp-buffer, .flowplayer.skin-custom .noUi-background { background-color: #eeeeee !important; }
36	.flowplayer.skin-custom .fp-elapsed, .flowplayer.skin-custom .fp-duration { color: #eeeeee !important; }

63	<div class="fp-ui"><noscript>Please enable JavaScript</noscript><div class="fp-preload"><b></b><b></b><b></b><b></b></div></div>
64	<div class='fvp-share-bar'><ul class="fvp-sharing">
65	<li><a class="sharing-facebook" href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fexample.org%2F%3Fp%3D1234" target="_blank"></a></li>
66	+ <li><a class="sharing-twitter" href="https://twitter.com/intent/tweet?text=Test+Blog+&url=http%3A%2F%2Fexample.org%2F%3Fp%3D1234" target="_blank"></a></li>
67	<li><a class="sharing-email" href="mailto:?body=Check%20out%20the%20amazing%20video%20here%3A%20http%3A%2F%2Fexample.org%2F%3Fp%3D1234" target="_blank"></a></li></ul><div><a class="sharing-link" href="http://example.org/?p=1234" target="_blank">Link</a></div><div><label><a class="embed-code-toggle" href="#"><strong>Embed</strong></a></label></div><div class="embed-code"><label>Copy and paste this HTML code into your webpage to embed.</label><textarea></textarea></div></div>
68	</div>
69

96	<script type='text/javascript' src='http://example.org/wp-content/plugins/fv-wordpress-flowplayer/flowplayer/modules/live-stream.module.js?ver=1.2.3'></script>
97	<script type='text/javascript' src='http://example.org/wp-content/plugins/fv-wordpress-flowplayer/flowplayer/modules/mailchimp.module.js?ver=1.2.3'></script>
98	<script type='text/javascript' src='http://example.org/wp-content/plugins/fv-wordpress-flowplayer/flowplayer/modules/mobile.module.js?ver=1.2.3'></script>
99	+ <script type='text/javascript' src='http://example.org/wp-content/plugins/fv-wordpress-flowplayer/flowplayer/modules/multiple-playback.module.js?ver=1.2.3'></script>
100	<script type='text/javascript' src='http://example.org/wp-content/plugins/fv-wordpress-flowplayer/flowplayer/modules/old-browsers.module.js?ver=1.2.3'></script>
101	<script type='text/javascript' src='http://example.org/wp-content/plugins/fv-wordpress-flowplayer/flowplayer/modules/playback-position.module.js?ver=1.2.3'></script>
102	<script type='text/javascript' src='http://example.org/wp-content/plugins/fv-wordpress-flowplayer/flowplayer/modules/playlist-controlbar.module.js?ver=1.2.3'></script>

test/integration/frontend/videoPositionSavingTest.php CHANGED Viewed

	@@ -73,7 +73,7 @@ final class FV_Player_videoPositionSavingTestCase extends FV_Player_Ajax_UnitTes
73	<div class=\"fp-ui\"><noscript>Please enable JavaScript</noscript><div class=\"fp-preload\"><b></b><b></b><b></b><b></b></div></div>
74	<div class='fvp-share-bar'><ul class=\"fvp-sharing\">
75	<li><a class=\"sharing-facebook\" href=\"https://www.facebook.com/sharer/sharer.php?u=\" target=\"_blank\"></a></li>
76	- <li><a class=\"sharing-twitter\" href=\"https://twitter.com/~~home~~?~~status~~=Test+Blog+\" target=\"_blank\"></a></li>
77	<li><a class=\"sharing-email\" href=\"mailto:?body=Check%20out%20the%20amazing%20video%20here%3A%20\" target=\"_blank\"></a></li></ul><div><label><a class=\"embed-code-toggle\" href=\"#\"><strong>Embed</strong></a></label></div><div class=\"embed-code\"><label>Copy and paste this HTML code into your webpage to embed.</label><textarea></textarea></div></div>
78	</div>
79	<div class=\"fp-playlist-external fv-playlist-design-2017 fp-playlist-horizontal skin-slim\" rel=\"some-test-hash\">
	@@ -130,7 +130,7 @@ final class FV_Player_videoPositionSavingTestCase extends FV_Player_Ajax_UnitTes
130	<div class=\"fp-ui\"><noscript>Please enable JavaScript</noscript><div class=\"fp-preload\"><b></b><b></b><b></b><b></b></div></div>
131	<div class='fvp-share-bar'><ul class=\"fvp-sharing\">
132	<li><a class=\"sharing-facebook\" href=\"https://www.facebook.com/sharer/sharer.php?u=\" target=\"_blank\"></a></li>
133	- <li><a class=\"sharing-twitter\" href=\"https://twitter.com/~~home~~?~~status~~=Test+Blog+\" target=\"_blank\"></a></li>
134	<li><a class=\"sharing-email\" href=\"mailto:?body=Check%20out%20the%20amazing%20video%20here%3A%20\" target=\"_blank\"></a></li></ul><div><label><a class=\"embed-code-toggle\" href=\"#\"><strong>Embed</strong></a></label></div><div class=\"embed-code\"><label>Copy and paste this HTML code into your webpage to embed.</label><textarea></textarea></div></div>
135	</div>
136	<div class=\"fp-playlist-external fv-playlist-design-2017 fp-playlist-horizontal skin-slim\" rel=\"some-test-hash\">


73	<div class=\"fp-ui\"><noscript>Please enable JavaScript</noscript><div class=\"fp-preload\"><b></b><b></b><b></b><b></b></div></div>
74	<div class='fvp-share-bar'><ul class=\"fvp-sharing\">
75	<li><a class=\"sharing-facebook\" href=\"https://www.facebook.com/sharer/sharer.php?u=\" target=\"_blank\"></a></li>
76	+ <li><a class=\"sharing-twitter\" href=\"https://twitter.com/intent/tweet?text=Test+Blog+&url=\" target=\"_blank\"></a></li>
77	<li><a class=\"sharing-email\" href=\"mailto:?body=Check%20out%20the%20amazing%20video%20here%3A%20\" target=\"_blank\"></a></li></ul><div><label><a class=\"embed-code-toggle\" href=\"#\"><strong>Embed</strong></a></label></div><div class=\"embed-code\"><label>Copy and paste this HTML code into your webpage to embed.</label><textarea></textarea></div></div>
78	</div>
79	<div class=\"fp-playlist-external fv-playlist-design-2017 fp-playlist-horizontal skin-slim\" rel=\"some-test-hash\">

130	<div class=\"fp-ui\"><noscript>Please enable JavaScript</noscript><div class=\"fp-preload\"><b></b><b></b><b></b><b></b></div></div>
131	<div class='fvp-share-bar'><ul class=\"fvp-sharing\">
132	<li><a class=\"sharing-facebook\" href=\"https://www.facebook.com/sharer/sharer.php?u=\" target=\"_blank\"></a></li>
133	+ <li><a class=\"sharing-twitter\" href=\"https://twitter.com/intent/tweet?text=Test+Blog+&url=\" target=\"_blank\"></a></li>
134	<li><a class=\"sharing-email\" href=\"mailto:?body=Check%20out%20the%20amazing%20video%20here%3A%20\" target=\"_blank\"></a></li></ul><div><label><a class=\"embed-code-toggle\" href=\"#\"><strong>Embed</strong></a></label></div><div class=\"embed-code\"><label>Copy and paste this HTML code into your webpage to embed.</label><textarea></textarea></div></div>
135	</div>
136	<div class=\"fp-playlist-external fv-playlist-design-2017 fp-playlist-horizontal skin-slim\" rel=\"some-test-hash\">

test/integration/fv-player-unittest-case.php CHANGED Viewed

@@ -55,6 +55,19 @@ abstract class FV_Player_UnitTestCase extends WP_UnitTestCase {
                 $html = preg_replace( '~\?ver=[0-9-wpalphabetaRC\.]+~', '?ver=1.2.3', $html);
                 $html = preg_replace( '~<video:publication_date>(.*?)</video:publication_date>~', '<video:publication_date>2019-04-23T09:44:33+00:00</video:publication_date>', $html);
                 return $html;
+              }


55	$html = preg_replace( '~\?ver=[0-9-wpalphabetaRC\.]+~', '?ver=1.2.3', $html);
56
57	$html = preg_replace( '~<video:publication_date>(.*?)</video:publication_date>~', '<video:publication_date>2019-04-23T09:44:33+00:00</video:publication_date>', $html);
58	+
59	+ // plugin_url() giving bad paths as FV Player folder is above the WordPress folder (test/testSuite), more: https://core.trac.wordpress.org/ticket/34358
60	+ // so you end up with paths like http://example.org/wp-content/plugins/Users/martinv/github/fv-wordpress-flowplayer/images/test-subtitles.vtt
61	+ $html = preg_replace( '~\\\/Users\\\/.*?\\\/github\\\/~', '\/', $html);
62	+
63	+ // Settings page preview link
64	+ $html = preg_replace( '~http://example.org\?fv_player_embed=.*?&fv_player_preview=~', 'http://example.org?fv_player_embed=SOME_NONCE?&fv_player_preview=', $html);
65	+
66	+ // System Info - gone for now
67	+ $html = preg_replace( '~### Begin System Info ###[\s\S]*?### End System Info ###~', '$1: some value', $html);
68	+
69	+ $html = preg_replace( '~Are you having issues with version [0-9.]+~', 'Are you having issues with version XYZ', $html);
70	+
71
72	return $html;
73	}

test/unit/controller/frontendTest.php CHANGED Viewed

	@@ -1,7 +1,7 @@
1	<?php
2	use PHPUnit\Framework\TestCase;
3
4	- final class FV_Player_Controller extends ~~PHPUnit_Framework_TestCase~~ {
5
6	private $fvPlayerProInstance;
7


1	<?php
2	use PHPUnit\Framework\TestCase;
3
4	+ final class FV_Player_Controller extends TestCase {
5
6	private $fvPlayerProInstance;
7

view/admin.php CHANGED Viewed

	@@ -187,7 +187,8 @@ function fv_flowplayer_admin_default_options() {
187	p.description { font-style: normal; }
188	</style>
189	<table class="form-table2">
190	- <~~td><label for="autoplay"><?php _e('Autoplay', 'fv-wordpress-flowplayer'); ?>:</label></td~~>

191	<td colspan="3">
192	<p class="description">
193	<?php
	@@ -281,6 +282,8 @@ function fv_flowplayer_admin_default_options() {
281	</select>
282	</td>
283	</tr>


284
285	<?php $fv_fp->_get_checkbox(__('No Picture Button', 'fv-wordpress-flowplayer'), 'ui_no_picture_button', __('Adds a button to turn the video picture on and off.', 'fv-wordpress-flowplayer') ); ?>
286
	@@ -572,7 +575,7 @@ function fv_flowplayer_admin_integrations() {
572	<?php $fv_fp->_get_checkbox(__('Add featured image automatically', 'fv-wordpress-flowplayer'), array('integrations','featured_img'), __('If the featured image is not set, splash image of the first player will be used.', 'fv-wordpress-flowplayer') ); ?>
573	<?php $fv_fp->_get_checkbox(__('Always use fixed size player', 'fv-wordpress-flowplayer'), 'fixed_size', __('Enable to force video size at cost of loosing the video responsiveness.', 'fv-wordpress-flowplayer') ); ?>
574	<?php $fv_fp->_get_checkbox(__('Disable saving skin CSS to a static file', 'fv-wordpress-flowplayer'), 'css_disable', __('Normally the player CSS configuration is stored in wp-content/fv-player-custom/style-{blog_id}.css.', 'fv-wordpress-flowplayer'), __('We do this to avoid a big style tag in your site <head>. Don\'t edit this file though, as it will be overwritten by plugin update or saving its options!','fv-wordpress-flowplayer' )); ?>
575	- <?php $fv_fp->_get_checkbox(__('Enable HLS.js', 'fv-wordpress-flowplayer'), 'hlsjs', __('Allows HLS playback in all modern browsers.', 'fv-wordpress-flowplayer'), __('HLS normally plays only on iOS, Mac Safari and new Android versions. FV Player increases the compatibility by using Flash engine for HLS. With this option you can go even further and modern browsers supporting MediaSource will play HLS even without Flash. Make sure you setup the required <a href="https://foliovision.com/player/video-hosting/~~hls#hls~~-js" target="_blank">CORS headers</a>.','fv-wordpress-flowplayer' )); ?>
576
577	<tr>
578	<td><label for="css_disable"><?php _e('Enable profile videos', 'fv-wordpress-flowplayer').' (beta)'; ?>:</label></td>
	@@ -625,9 +628,10 @@ function fv_flowplayer_admin_integrations() {
625	<?php
626	global $wpdb;
627	$iCount = $wpdb->get_var( "SELECT count(meta_id) FROM $wpdb->postmeta WHERE meta_key LIKE '_fv_flowplayer_%'" );
628	- $~~iQueue~~ = ~~count(~~FV_Player_Checker::queue_get());

629	$htmlQueue = 0;
630	- if( $iQueue && ~~$aQueue~~ ~~= FV_Player_Checker::queue_get(~~) ) {
631	$htmlQueue = "<a href='#' onclick='jQuery(this).siblings(\"span\").toggle(); return false'>$iQueue</a> <span style='display: none'>(";
632	foreach( $aQueue as $k => $i ) {
633	$htmlQueue .= "<a href='".get_edit_post_link($k)."'>$k</a> ";
	@@ -1110,7 +1114,7 @@ function fv_flowplayer_admin_skin() {
1110	'autoplay' => 'false',
1111	'preroll' => 'no',
1112	'postroll' => 'no',
1113	- 'subtitles' => plugins_url('images/test-subtitles.vtt',dirname(__FILE__)),
1114	'caption' => "Foliovision Video;Lapinthrope Extras - Roy Thompson Hall Dance;Romeo and Juliet Ballet Schloss Kittsee",
1115	'playlist' => 'https://player.vimeo.com/external/224781088.sd.mp4?s=face4dbb990b462826c8e1e43a9c66c6a9bb5585&profile_id=165&oauth2_token_id=3501005,https://i.vimeocdn.com/video/643908843_295x166.jpg;https://player.vimeo.com/external/45864857.hd.mp4?s=94fddee594da3258c9e10355f5bad8173c4aee7b&profile_id=113&oauth2_token_id=3501005,https://i.vimeocdn.com/video/319116053_295x166.jpg',
1116	'liststyle' => 'horizontal'
	@@ -1716,7 +1720,7 @@ add_meta_box( 'fv_flowplayer_usage', __('Usage', 'fv-wordpress-flowplayer'), 'fv
1716
1717	<div class="wrap">
1718	<div style="position: absolute; margin-top: 10px; right: 10px;">
1719	- <a href="https://foliovision.com/~~wordpress/plugins/fv-wordpress-flowplayer~~" target="_blank" title="<?php _e('Documentation', 'fv-wordpress-flowplayer'); ?>"><img alt="visit foliovision" src="~~//foliovision~~.~~com~~/~~shared~~/fv-logo.png" /></a>
1720	</div>
1721	<div>
1722	<div id="icon-options-general" class="icon32"></div>


187	p.description { font-style: normal; }
188	</style>
189	<table class="form-table2">
190	+ <tr>
191	+ <td class="first"><label for="autoplay"><?php _e('Autoplay', 'fv-wordpress-flowplayer'); ?>:</label></td>
192	<td colspan="3">
193	<p class="description">
194	<?php

282	</select>
283	</td>
284	</tr>
285	+
286	+ <?php $fv_fp->_get_checkbox(__('Multiple video playback', 'fv-wordpress-flowplayer').' (beta)', 'multiple_playback', __('Allows multiple players to play at once. Only one player remains audible.', 'fv-wordpress-flowplayer') ); ?>
287
288	<?php $fv_fp->_get_checkbox(__('No Picture Button', 'fv-wordpress-flowplayer'), 'ui_no_picture_button', __('Adds a button to turn the video picture on and off.', 'fv-wordpress-flowplayer') ); ?>
289

575	<?php $fv_fp->_get_checkbox(__('Add featured image automatically', 'fv-wordpress-flowplayer'), array('integrations','featured_img'), __('If the featured image is not set, splash image of the first player will be used.', 'fv-wordpress-flowplayer') ); ?>
576	<?php $fv_fp->_get_checkbox(__('Always use fixed size player', 'fv-wordpress-flowplayer'), 'fixed_size', __('Enable to force video size at cost of loosing the video responsiveness.', 'fv-wordpress-flowplayer') ); ?>
577	<?php $fv_fp->_get_checkbox(__('Disable saving skin CSS to a static file', 'fv-wordpress-flowplayer'), 'css_disable', __('Normally the player CSS configuration is stored in wp-content/fv-player-custom/style-{blog_id}.css.', 'fv-wordpress-flowplayer'), __('We do this to avoid a big style tag in your site <head>. Don\'t edit this file though, as it will be overwritten by plugin update or saving its options!','fv-wordpress-flowplayer' )); ?>
578	+ <?php $fv_fp->_get_checkbox(__('Enable HLS.js', 'fv-wordpress-flowplayer'), 'hlsjs', __('Allows HLS playback in all modern browsers.', 'fv-wordpress-flowplayer'), __('HLS normally plays only on iOS, Mac Safari and new Android versions. FV Player increases the compatibility by using Flash engine for HLS. With this option you can go even further and modern browsers supporting MediaSource will play HLS even without Flash. Make sure you setup the required <a href="https://foliovision.com/player/video-hosting/how-to-enable-cors-headers" target="_blank">CORS headers</a>.','fv-wordpress-flowplayer' )); ?>
579
580	<tr>
581	<td><label for="css_disable"><?php _e('Enable profile videos', 'fv-wordpress-flowplayer').' (beta)'; ?>:</label></td>

628	<?php
629	global $wpdb;
630	$iCount = $wpdb->get_var( "SELECT count(meta_id) FROM $wpdb->postmeta WHERE meta_key LIKE '_fv_flowplayer_%'" );
631	+ $aQueue = FV_Player_Checker::queue_get();
632	+ $iQueue = count($aQueue);
633	$htmlQueue = 0;
634	+ if( $iQueue > 0 ) {
635	$htmlQueue = "<a href='#' onclick='jQuery(this).siblings(\"span\").toggle(); return false'>$iQueue</a> <span style='display: none'>(";
636	foreach( $aQueue as $k => $i ) {
637	$htmlQueue .= "<a href='".get_edit_post_link($k)."'>$k</a> ";

1114	'autoplay' => 'false',
1115	'preroll' => 'no',
1116	'postroll' => 'no',
1117	+ 'subtitles' => plugins_url('images/test-subtitles.vtt',dirname(__FILE__)),
1118	'caption' => "Foliovision Video;Lapinthrope Extras - Roy Thompson Hall Dance;Romeo and Juliet Ballet Schloss Kittsee",
1119	'playlist' => 'https://player.vimeo.com/external/224781088.sd.mp4?s=face4dbb990b462826c8e1e43a9c66c6a9bb5585&profile_id=165&oauth2_token_id=3501005,https://i.vimeocdn.com/video/643908843_295x166.jpg;https://player.vimeo.com/external/45864857.hd.mp4?s=94fddee594da3258c9e10355f5bad8173c4aee7b&profile_id=113&oauth2_token_id=3501005,https://i.vimeocdn.com/video/319116053_295x166.jpg',
1120	'liststyle' => 'horizontal'

1720
1721	<div class="wrap">
1722	<div style="position: absolute; margin-top: 10px; right: 10px;">
1723	+ <a href="https://foliovision.com/player" target="_blank" title="<?php _e('Documentation', 'fv-wordpress-flowplayer'); ?>"><img alt="visit foliovision" src="<?php echo flowplayer::get_plugin_url().'/images/fv-logo.png' ?>" /></a>
1724	</div>
1725	<div>
1726	<div id="icon-options-general" class="icon32"></div>