Video Background - Version 2.5.2

Version Description

  • Added fade in/out transitions on advanced panel
  • Simplified/cleaned up a lot of code
  • Added security
  • Some small but helpful new styles
  • Update admin notice for new pro version
Download this release

Release Info

Developer blakedotvegas
Plugin Icon 128x128 Video Background
Version 2.5.2
Comparing to
See all releases

Code changes from version 2.5.1 to 2.5.2

Files changed (12) hide show
  1. admin_premium_notice.php +1 -1
  2. candide-vidbg.php +57 -41
  3. css/index.php +2 -0
  4. css/style.css +0 -120
  5. css/vidbg-style.css +102 -0
  6. index.php +2 -0
  7. js/dist/index.php +2 -0
  8. js/index.php +2 -0
  9. js/{jquery.backend.js → vidbg-backend.js} +9 -9
  10. languages/index.php +2 -0
  11. languages/video-background.pot +88 -56
  12. readme.txt +10 -1
admin_premium_notice.php CHANGED
@@ -4,7 +4,7 @@
4
  */
5
  function vidbg_premium_notice() {
6
  $class = 'notice notice-success vidbg-premium-notice is-dismissible';
7
- $message = __( 'Does a version of Video Background with premium features interest you? <a href="http://blakewilson.me/projects/video-background/premium-video-background/?utm_source=videobackgroundwordpress&utm_medium=wordpressnotice&utm_campaign=Video%20Background%20Wordpress%20Premium%20Notice" target="_blank">Please take 2 seconds to let me know!</a>', 'video-background' );
8
  $is_dismissed = get_option( 'vidbg-premium-notice-dismissed' );
9
 
10
  if( empty( $is_dismissed ) ) {
4
  */
5
  function vidbg_premium_notice() {
6
  $class = 'notice notice-success vidbg-premium-notice is-dismissible';
7
+ $message = __( 'Youtube, Visual Composer, and SiteOrigin Integration with much more in the new Video Background Pro! <a href="http://pushlabs.co/video-background-pro" target="_blank">Learn more &raquo;</a>', 'video-background' );
8
  $is_dismissed = get_option( 'vidbg-premium-notice-dismissed' );
9
 
10
  if( empty( $is_dismissed ) ) {
candide-vidbg.php CHANGED
@@ -4,7 +4,7 @@ Plugin Name: Video Background
4
  Plugin URI: http://blakewilson.me/projects/video-background/
5
  Description: jQuery WordPress plugin to easily assign a video background to any element. Awesome.
6
  Author: Blake Wilson
7
- Version: 2.5.1
8
  Author URI: http://blakewilson.me
9
  Donate Link: http://paypal.me/blakewilsonme
10
  Text Domain: video-background
@@ -25,6 +25,20 @@ if ( file_exists( dirname( __FILE__ ) . '/framework/cmb2_field_slider.php' ) ) {
25
 
26
 
27
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
28
  /**
29
  * Load plugin textdomain.
30
  */
@@ -39,8 +53,8 @@ add_action( 'plugins_loaded', 'vidbg_load_textdomain' );
39
  * Enqueue backend style and script
40
  */
41
  function vidbg_metabox_scripts() {
42
- wp_enqueue_style('vidbg-metabox-style', plugins_url('/css/style.css', __FILE__));
43
- wp_enqueue_script( 'vidbg-admin-backend', plugin_dir_url( __FILE__ ) . '/js/jquery.backend.js' );
44
  }
45
  add_action('admin_enqueue_scripts', 'vidbg_metabox_scripts');
46
 
@@ -120,15 +134,6 @@ function vidbg_register_metabox() {
120
  ),
121
  ) );
122
 
123
- $vidbg_metabox->add_field( array(
124
- 'name' => __( 'Advanced Options &raquo;', 'video-background' ),
125
- 'before_field' => '<a href="#vidbg_advanced_options" class="button vidbg-button">',
126
- 'after_field' => '</a>',
127
- 'type' => 'title',
128
- 'id' => $prefix . 'advanced',
129
- 'after_row' => '<div id="vidbg_advanced_options">',
130
- ) );
131
-
132
  $vidbg_metabox->add_field( array(
133
  'name' => __( 'Overlay', 'video-background' ),
134
  'desc' => __( 'Add an overlay over the video. This is useful if your text isn\'t readable with a video background.', 'video-background' ),
@@ -139,6 +144,7 @@ function vidbg_register_metabox() {
139
  'off' => __( 'Off', 'video-background' ),
140
  'on' => __( 'On', 'video-background' ),
141
  ),
 
142
  ) );
143
 
144
  $vidbg_metabox->add_field( array(
@@ -184,6 +190,12 @@ function vidbg_register_metabox() {
184
  'after_row' => '</div>',
185
  ) );
186
 
 
 
 
 
 
 
187
  }
188
  add_action( 'cmb2_admin_init', 'vidbg_register_metabox' );
189
 
@@ -193,32 +205,25 @@ add_action( 'cmb2_admin_init', 'vidbg_register_metabox' );
193
  * Add inline javascript to footer for video background
194
  */
195
  function vidbg_initialize_footer() {
196
- if( is_page() || is_single() || is_home() ) {
197
- if( is_page() || is_single() ) {
198
- global $post;
199
- $container_field = get_post_meta( $post->ID, 'vidbg_metabox_field_container', true );
200
- $mp4_field = get_post_meta( $post->ID, 'vidbg_metabox_field_mp4', true );
201
- $webm_field = get_post_meta( $post->ID, 'vidbg_metabox_field_webm', true );
202
- $poster_field = get_post_meta( $post->ID, 'vidbg_metabox_field_poster', true );
203
- $overlay = get_post_meta( $post->ID, 'vidbg_metabox_field_overlay', true );
204
- $overlay_color = get_post_meta( $post->ID, 'vidbg_metabox_field_overlay_color', true );
205
- $overlay_alpha = get_post_meta( $post->ID, 'vidbg_metabox_field_overlay_alpha', true );
206
- $no_loop_field = get_post_meta( $post->ID, 'vidbg_metabox_field_no_loop', true );
207
- $unmute_field = get_post_meta( $post->ID, 'vidbg_metabox_field_unmute', true );
208
- } elseif ( is_home() && get_option('show_on_front') == 'page' ) {
209
- $blog_page_id = get_option('page_for_posts');
210
- $container_field = get_post_meta( $blog_page_id, 'vidbg_metabox_field_container', true );
211
- $mp4_field = get_post_meta( $blog_page_id, 'vidbg_metabox_field_mp4', true );
212
- $webm_field = get_post_meta( $blog_page_id, 'vidbg_metabox_field_webm', true );
213
- $poster_field = get_post_meta( $blog_page_id, 'vidbg_metabox_field_poster', true );
214
- $overlay = get_post_meta( $blog_page_id, 'vidbg_metabox_field_overlay', true );
215
- $overlay_color = get_post_meta( $blog_page_id, 'vidbg_metabox_field_overlay_color', true );
216
- $overlay_alpha = get_post_meta( $blog_page_id, 'vidbg_metabox_field_overlay_alpha', true );
217
- $no_loop_field = get_post_meta( $blog_page_id, 'vidbg_metabox_field_no_loop', true );
218
- $unmute_field = get_post_meta( $blog_page_id, 'vidbg_metabox_field_unmute', true );
219
- } ?>
220
-
221
- <?php if( !empty( $container_field ) ): ?>
222
  <?php
223
  if( $unmute_field == 'on' ) {
224
  $boolean_mute = 'false';
@@ -370,9 +375,20 @@ function vidbg_gettingstarted_page() {
370
  _e( '<h3>Questions?</h3>', 'video-background' );
371
  _e( '<p>If you have any feedback/questions regarding the plugin you can reach me <a href="https://wordpress.org/support/plugin/video-background" target="_blank">here.</a>', 'video-background' );
372
  _e( '<h3>Support</h3>', 'video-background' );
373
- _e( '<p>If you like Video Background and want to support its development, you can do so with a donation :)</p>', 'video-background' );
374
- _e( '<a href="http://paypal.me/blakewilsonme" class="button button-primary" target="_blank">Buy me a coffee</a>', 'video-background' );
375
- _e( ' <a href="https://twitter.com/blakewilsonme" class="button button-primary vidbg-twitter" target="_blank">Follow me on Twitter</a>', 'video-background' );
 
 
 
 
 
 
 
 
 
 
 
376
  echo '</div>';
377
  }
378
 
4
  Plugin URI: http://blakewilson.me/projects/video-background/
5
  Description: jQuery WordPress plugin to easily assign a video background to any element. Awesome.
6
  Author: Blake Wilson
7
+ Version: 2.5.2
8
  Author URI: http://blakewilson.me
9
  Donate Link: http://paypal.me/blakewilsonme
10
  Text Domain: video-background
25
 
26
 
27
 
28
+ /**
29
+ * Install the plugin
30
+ * deactivate vidbgpro if installed
31
+ */
32
+ function vidbg_install_plugin() {
33
+ if( is_plugin_active( 'video-background-pro/vidbgpro.php') ) {
34
+ deactivate_plugins( 'video-background-pro/vidbgpro.php' );
35
+ }
36
+ delete_option( 'vidbg-premium-notice-dismissed' );
37
+ }
38
+ register_activation_hook( __FILE__, 'vidbg_install_plugin' );
39
+
40
+
41
+
42
  /**
43
  * Load plugin textdomain.
44
  */
53
  * Enqueue backend style and script
54
  */
55
  function vidbg_metabox_scripts() {
56
+ wp_enqueue_style('vidbg-metabox-style', plugins_url('/css/vidbg-style.css', __FILE__));
57
+ wp_enqueue_script( 'vidbg-admin-backend', plugin_dir_url( __FILE__ ) . '/js/vidbg-backend.js' );
58
  }
59
  add_action('admin_enqueue_scripts', 'vidbg_metabox_scripts');
60
 
134
  ),
135
  ) );
136
 
 
 
 
 
 
 
 
 
 
137
  $vidbg_metabox->add_field( array(
138
  'name' => __( 'Overlay', 'video-background' ),
139
  'desc' => __( 'Add an overlay over the video. This is useful if your text isn\'t readable with a video background.', 'video-background' ),
144
  'off' => __( 'Off', 'video-background' ),
145
  'on' => __( 'On', 'video-background' ),
146
  ),
147
+ 'before_row' => '<div id="vidbg_advanced_options">',
148
  ) );
149
 
150
  $vidbg_metabox->add_field( array(
190
  'after_row' => '</div>',
191
  ) );
192
 
193
+ $vidbg_metabox->add_field( array(
194
+ 'before_field' => '<a href="#vidbg_advanced_options" class="button vidbg-button advanced-options-button">Show Advanced options</a>',
195
+ 'type' => 'title',
196
+ 'id' => $prefix . 'advanced_button',
197
+ ) );
198
+
199
  }
200
  add_action( 'cmb2_admin_init', 'vidbg_register_metabox' );
201
 
205
  * Add inline javascript to footer for video background
206
  */
207
  function vidbg_initialize_footer() {
208
+ if( is_page() || is_single() || is_home() && get_option( 'show_on_front') == 'page' ) {
209
+
210
+ if( is_page() || is_single() ) {
211
+ $the_id = get_the_ID();
212
+ } elseif( is_home() && get_option( 'show_on_front' ) == 'page' ) {
213
+ $the_id = get_option( 'page_for_posts' );
214
+ }
215
+
216
+ $container_field = get_post_meta( $the_id, 'vidbg_metabox_field_container', true );
217
+ $mp4_field = get_post_meta( $the_id, 'vidbg_metabox_field_mp4', true );
218
+ $webm_field = get_post_meta( $the_id, 'vidbg_metabox_field_webm', true );
219
+ $poster_field = get_post_meta( $the_id, 'vidbg_metabox_field_poster', true );
220
+ $overlay = get_post_meta( $the_id, 'vidbg_metabox_field_overlay', true );
221
+ $overlay_color = get_post_meta( $the_id, 'vidbg_metabox_field_overlay_color', true );
222
+ $overlay_alpha = get_post_meta( $the_id, 'vidbg_metabox_field_overlay_alpha', true );
223
+ $no_loop_field = get_post_meta( $the_id, 'vidbg_metabox_field_no_loop', true );
224
+ $unmute_field = get_post_meta( $the_id, 'vidbg_metabox_field_unmute', true );
225
+
226
+ if( !empty( $container_field ) ): ?>
 
 
 
 
 
 
 
227
  <?php
228
  if( $unmute_field == 'on' ) {
229
  $boolean_mute = 'false';
375
  _e( '<h3>Questions?</h3>', 'video-background' );
376
  _e( '<p>If you have any feedback/questions regarding the plugin you can reach me <a href="https://wordpress.org/support/plugin/video-background" target="_blank">here.</a>', 'video-background' );
377
  _e( '<h3>Support</h3>', 'video-background' );
378
+ _e( '<p>If you like Video Background and want to show your support, consider purchasing the <a href="http://pushlabs.co/video-background-pro" target="_blank">pro version</a>. It comes with plenty of helpful features that make your life easier like:</p>', 'video-background' );
379
+ echo '<ul>';
380
+ _e( '<li>YouTube Integration</li>', 'video-background' );
381
+ _e( '<li>Visual Composer Integration</li>', 'video-background' );
382
+ _e( '<li>Page Builder by SiteOrigin Integration</li>', 'video-background' );
383
+ _e( '<li>Frontend Play/Pause Button Option</li>', 'video-background' );
384
+ _e( '<li>Frontend Volume Button Option</li>', 'video-background' );
385
+ _e( '<li>Overlay Image Textures</li>', 'video-background' );
386
+ _e( '<li>Extensive Documentation</li>', 'video-background' );
387
+ _e( '<li>Video Tutorials</li>', 'video-background' );
388
+ _e( '<li>And Much More!</li>', 'video-background' );
389
+ echo '</ul>';
390
+ _e( '<a href="http://pushlabs.co/video-background-pro" class="button button-primary" target="_blank">Purchase Video Background Pro</a>', 'video-background' );
391
+ _e( ' <a href="https://twitter.com/intent/follow?screen_name=blakewilsonme" class="button button-primary vidbg-twitter" target="_blank">Get Updates on Twitter</a>', 'video-background' );
392
  echo '</div>';
393
  }
394
 
css/index.php ADDED
@@ -0,0 +1,2 @@
 
 
1
+ <?php
2
+ // Silence is golden.
css/style.css DELETED
@@ -1,120 +0,0 @@
1
- /***********************
2
- Global Styles
3
- ***********************/
4
- .button.vidbg-button h5 {
5
- font-weight: normal;
6
- padding: 0;
7
- }
8
-
9
- .wp-core-ui .button-primary.vidbg-twitter {
10
- background: #1da1f2;
11
- border-color: #1795E2;
12
- -webkit-box-shadow: 0 1px 0 #1795E2;
13
- box-shadow: 0 1px 0 #1795E2;
14
- color: #fff;
15
- text-decoration: none;
16
- text-shadow: 0 -1px 1px #1795E2,1px 0 1px #1795E2,0 1px 1px #1795E2,-1px 0 1px #1795E2;
17
- }
18
-
19
- /***********************
20
- jQuery Slider
21
- ***********************/
22
- .cmb-type-own-slider {
23
- visibility: hidden;
24
- /* hide slider until color scheme is applied */
25
- }
26
-
27
- .own-slider-field-value-display {
28
- float:right;
29
- font-weight: 400;
30
- font-size: 12px;
31
- color: #888;
32
- padding-top: .5em;
33
- display: none;
34
- }
35
-
36
- .cmb-type-own-slider .button-primary {
37
- height: 15px;
38
- text-shadow: none;
39
- box-shadow: none;
40
- border: 0;
41
- vertical-align: top;
42
- outline: 0!important;
43
- }
44
- .cmb-type-own-slider .button-primary:hover {
45
- height: 15px;
46
- text-shadow: none;
47
- box-shadow: none;
48
- border: 0;
49
- }
50
- .cmb-type-own-slider .ui-slider-range.button-primary {
51
- opacity: .9;
52
- }
53
- .cmb-type-own-slider .ui-slider-handle.button-primary {
54
- top: 50%;
55
- margin-left: -10px;
56
- margin-top: -10px;
57
- width: 20px;
58
- height: 20px;
59
- }
60
- .cmb-type-own-slider .ui-slider-range.button-primary:active {
61
- box-shadow: none;
62
- border: 0;
63
- vertical-align: top;
64
- }
65
- .cmb-type-own-slider .ui-slider-handle.button-primary:active {
66
- vertical-align: top;
67
- border: 0;
68
- box-shadow: none;
69
- }
70
- .cmb-type-own-slider .ui-slider-handle.button-primary:hover {
71
- opacity: 1;
72
- }
73
- .ui-corner-all,
74
- .ui-corner-all {
75
- border-radius: 0;
76
- }
77
-
78
- .ui-slider {
79
- border: 0;
80
- background: #eaeaea;
81
- background: rgba(0,0,0,.07);
82
- border-radius: 3px;
83
- position: relative;
84
- }
85
-
86
- .ui-slider-horizontal {
87
- height: 15px;
88
- }
89
-
90
- .ui-slider-vertical {
91
- height: 15em;
92
- width: 15px;
93
- }
94
- .ui-slider-handle {
95
- background: #0085ba;
96
- border-radius: 5px;
97
- border: none;
98
- cursor: pointer;
99
- position: absolute;
100
- }
101
-
102
- .ui-slider-handle:hover {
103
- opacity: .8;
104
- }
105
-
106
- .ui-slider-range {
107
- border: 0;
108
- border-radius: 3;
109
- background: #0085ba;
110
- }
111
-
112
- .ui-slider-horizontal .ui-slider-range {
113
- top: 0;
114
- height: 15px;
115
- }
116
-
117
- .ui-slider-vertical .ui-slider-range {
118
- left: 0;
119
- width: 15px;
120
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
css/vidbg-style.css ADDED
@@ -0,0 +1,102 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /***********************
2
+ Global Styles
3
+ ***********************/
4
+ .button.vidbg-button h5 {
5
+ font-weight: normal;
6
+ padding: 0;
7
+ }
8
+
9
+ .wp-core-ui .button-primary.vidbg-twitter {
10
+ background: #1da1f2;
11
+ border-color: #1795E2;
12
+ -webkit-box-shadow: 0 1px 0 #1795E2;
13
+ box-shadow: 0 1px 0 #1795E2;
14
+ color: #fff;
15
+ text-decoration: none;
16
+ text-shadow: 0 -1px 1px #1795E2,1px 0 1px #1795E2,0 1px 1px #1795E2,-1px 0 1px #1795E2;
17
+ }
18
+
19
+ #vidbg_advanced_options,
20
+ .cmb-row {
21
+ width: 100% !important;
22
+ }
23
+
24
+ .cmb-type-file .file-status,
25
+ .cmb-type-file .cmb2-media-status .img-status {
26
+ display: none;
27
+ }
28
+
29
+ .postbox-container .cmb2-wrap>.cmb-field-list>.cmb-row.cmb2-id-vidbg-metabox-field-advanced-button {
30
+ border-top: 1px solid #e9e9e9;
31
+ padding: 1.8em 0 1.8em 0;
32
+ margin-top: -0.85em;
33
+ margin-bottom: 0;
34
+ }
35
+
36
+ /***********************
37
+ jQuery Slider
38
+ ***********************/
39
+ .cmb-type-own-slider {
40
+ visibility: hidden;
41
+ /* hide slider until color scheme is applied */
42
+ }
43
+
44
+ .own-slider-field-value-display {
45
+ float:right;
46
+ font-weight: 400;
47
+ font-size: 12px;
48
+ color: #888;
49
+ padding-top: .5em;
50
+ display: none;
51
+ }
52
+
53
+ .ui-corner-all {
54
+ border-radius: 3px;
55
+ }
56
+
57
+ .ui-slider {
58
+ border: 1px solid #ddd;
59
+ background: #F7F7F7;
60
+ border-radius: 3px;
61
+ }
62
+
63
+ .ui-slider-horizontal {
64
+ position: relative;
65
+ }
66
+
67
+ .ui-slider-horizontal {
68
+ width: 65%;
69
+ height: 16px;
70
+ }
71
+
72
+ .ui-slider-handle {
73
+ position: absolute;
74
+ }
75
+
76
+ .ui-slider-handle {
77
+ width: 22px;
78
+ height: 22px;
79
+ background: #4FA7B9;
80
+ border-radius: 50%;
81
+ border: none;
82
+ cursor: pointer;
83
+ }
84
+
85
+ .ui-slider-horizontal .ui-slider-handle {
86
+ top: 50%;
87
+ margin-top: -11px;
88
+ margin-left: -11px;
89
+ }
90
+
91
+ .ui-slider-range {
92
+ border: 0;
93
+ border-radius: 1;
94
+ background: #5bb6c9;
95
+ }
96
+
97
+ .ui-slider-horizontal .ui-slider-range {
98
+ position: relative;
99
+ top: -1px;
100
+ left: -1px;
101
+ height: 18px;
102
+ }
index.php ADDED
@@ -0,0 +1,2 @@
 
 
1
+ <?php
2
+ // Silence is golden.
js/dist/index.php ADDED
@@ -0,0 +1,2 @@
 
 
1
+ <?php
2
+ // Silence is golden.
js/index.php ADDED
@@ -0,0 +1,2 @@
 
 
1
+ <?php
2
+ // Silence is golden.
js/{jquery.backend.js → vidbg-backend.js} RENAMED
@@ -3,9 +3,13 @@ jQuery( document ).ready(function($) {
3
  // show advanced options on click
4
  $(function() {
5
  $('#vidbg_advanced_options').hide();
6
- $(".cmb2-id-vidbg-metabox-field-advanced a").click(function() {
7
- $('#vidbg_advanced_options').show();
8
- $('.cmb2-id-vidbg-metabox-field-advanced').hide();
 
 
 
 
9
  });
10
  });
11
 
@@ -13,10 +17,10 @@ jQuery( document ).ready(function($) {
13
  $(function(){
14
  $('#vidbg_metabox_field_overlay1, #vidbg_metabox_field_overlay2').bind('change', function (e) {
15
  if( $('#vidbg_metabox_field_overlay1').is(':checked')) {
16
- $('.cmb2-id-vidbg-metabox-field-overlay-color, .cmb2-id-vidbg-metabox-field-overlay-alpha').hide();
17
  }
18
  else if( $('#vidbg_metabox_field_overlay2').is(':checked')) {
19
- $('.cmb2-id-vidbg-metabox-field-overlay-color, .cmb2-id-vidbg-metabox-field-overlay-alpha').show();
20
  }
21
  }).trigger('change');
22
  });
@@ -46,10 +50,6 @@ jQuery( document ).ready(function($) {
46
  $value.val( $slider.slider( 'value' ) );
47
  $text.text( $slider.slider( 'value' ) );
48
 
49
- $('.ui-slider-range, .ui-slider-handle').each(function() {
50
- $(this).addClass( 'button-primary' );
51
- });
52
-
53
  $this.css({
54
  'visibility': 'visible',
55
  });
3
  // show advanced options on click
4
  $(function() {
5
  $('#vidbg_advanced_options').hide();
6
+ $(".cmb2-id-vidbg-metabox-field-advanced-button a").click(function() {
7
+ if ($('#vidbg_advanced_options').css('display') === 'none') {
8
+ $('#vidbg_advanced_options').show(500);
9
+ $('a.advanced-options-button').text('Hide Advanced Options');
10
+ } else {
11
+ $('#vidbg_advanced_options').hide(500);
12
+ }
13
  });
14
  });
15
 
17
  $(function(){
18
  $('#vidbg_metabox_field_overlay1, #vidbg_metabox_field_overlay2').bind('change', function (e) {
19
  if( $('#vidbg_metabox_field_overlay1').is(':checked')) {
20
+ $('.cmb2-id-vidbg-metabox-field-overlay-color, .cmb2-id-vidbg-metabox-field-overlay-alpha').hide(500);
21
  }
22
  else if( $('#vidbg_metabox_field_overlay2').is(':checked')) {
23
+ $('.cmb2-id-vidbg-metabox-field-overlay-color, .cmb2-id-vidbg-metabox-field-overlay-alpha').show(500);
24
  }
25
  }).trigger('change');
26
  });
50
  $value.val( $slider.slider( 'value' ) );
51
  $text.text( $slider.slider( 'value' ) );
52
 
 
 
 
 
53
  $this.css({
54
  'visibility': 'visible',
55
  });
languages/index.php ADDED
@@ -0,0 +1,2 @@
 
 
1
+ <?php
2
+ // Silence is golden.
languages/video-background.pot CHANGED
@@ -3,7 +3,7 @@ msgid ""
3
  msgstr ""
4
  "Plural-Forms: nplurals=INTEGER; plural=EXPRESSION;\n"
5
  "Project-Id-Version: Video Background\n"
6
- "POT-Creation-Date: 2016-05-13 16:53-0700\n"
7
  "PO-Revision-Date: 2016-03-30 22:31-0700\n"
8
  "Last-Translator: \n"
9
  "Language-Team: \n"
@@ -22,214 +22,246 @@ msgstr ""
22
 
23
  #: admin_premium_notice.php:7
24
  msgid ""
25
- "Does a version of Video Background with premium features interest you? <a "
26
- "href=\"http://blakewilson.me/projects/video-background/premium-video-"
27
- "background/?"
28
- "utm_source=videobackgroundwordpress&utm_medium=wordpressnotice&utm_campaign=Video"
29
- "%20Background%20Wordpress%20Premium%20Notice\" target=\"_blank\">Please take "
30
- "2 seconds to let me know!</a>"
31
  msgstr ""
32
 
33
  #. Plugin Name of the plugin/theme
34
- #: candide-vidbg.php:80
35
  msgid "Video Background"
36
  msgstr ""
37
 
38
- #: candide-vidbg.php:87
39
  msgid "Container"
40
  msgstr ""
41
 
42
- #: candide-vidbg.php:88
43
  msgid ""
44
  "Please specify the container you would like your video background to be in."
45
  "<br>ex: <code>.header</code> or <code>body</code>"
46
  msgstr ""
47
 
48
- #: candide-vidbg.php:94
49
  msgid "Link to .mp4"
50
  msgstr ""
51
 
52
- #: candide-vidbg.php:95
53
  msgid ""
54
  "Please specify the link to the .mp4 file. You can either enter a URL or "
55
  "upload a file.<br>For browser compatability, please enter an .mp4 and .webm "
56
  "file for video backgrounds."
57
  msgstr ""
58
 
59
- #: candide-vidbg.php:99
60
  msgid "Upload .mp4 file"
61
  msgstr ""
62
 
63
- #: candide-vidbg.php:104
64
  msgid "Link to .webm"
65
  msgstr ""
66
 
67
- #: candide-vidbg.php:105
68
  msgid ""
69
  "Please specify the link to the .webm file. You can either enter a URL or "
70
  "upload a file.<br>For browser compatability, please enter an .mp4 and .webm "
71
  "file for video backgrounds."
72
  msgstr ""
73
 
74
- #: candide-vidbg.php:109
75
  msgid "Upload .webm file"
76
  msgstr ""
77
 
78
- #: candide-vidbg.php:114
79
  msgid "Link to fallback image"
80
  msgstr ""
81
 
82
- #: candide-vidbg.php:115
83
  msgid ""
84
  "Please specify a link to the fallback image in case the browser does not "
85
  "support video backgrounds. You can either enter a URL or upload a file."
86
  msgstr ""
87
 
88
- #: candide-vidbg.php:119
89
  msgid "Upload fallback image"
90
  msgstr ""
91
 
92
- #: candide-vidbg.php:124
93
- msgid "Advanced Options &raquo;"
94
- msgstr ""
95
-
96
- #: candide-vidbg.php:133
97
  msgid "Overlay"
98
  msgstr ""
99
 
100
- #: candide-vidbg.php:134
101
  msgid ""
102
  "Add an overlay over the video. This is useful if your text isn't readable "
103
  "with a video background."
104
  msgstr ""
105
 
106
- #: candide-vidbg.php:139 candide-vidbg.php:169 candide-vidbg.php:181
107
  msgid "Off"
108
  msgstr ""
109
 
110
- #: candide-vidbg.php:140 candide-vidbg.php:170 candide-vidbg.php:182
111
  msgid "On"
112
  msgstr ""
113
 
114
- #: candide-vidbg.php:145
115
  msgid "Overlay Color"
116
  msgstr ""
117
 
118
- #: candide-vidbg.php:146
119
  msgid ""
120
  "If overlay is enabled, a color will be used for the overlay. You can specify "
121
  "the color here."
122
  msgstr ""
123
 
124
- #: candide-vidbg.php:153
125
  msgid "Overlay Opacity"
126
  msgstr ""
127
 
128
- #: candide-vidbg.php:154
129
  msgid ""
130
  "Specify the opacity of the overlay with the left being mostly transparent "
131
  "and the right being hardly transparent."
132
  msgstr ""
133
 
134
- #: candide-vidbg.php:163
135
  msgid "Turn off loop?"
136
  msgstr ""
137
 
138
- #: candide-vidbg.php:164
139
  msgid ""
140
  "Turn off the loop for Video Background. Once the video is complete, it will "
141
  "display the last frame of the video."
142
  msgstr ""
143
 
144
- #: candide-vidbg.php:175
145
  msgid "Play the audio?"
146
  msgstr ""
147
 
148
- #: candide-vidbg.php:176
149
  msgid "Enabling this will play the audio of the video."
150
  msgstr ""
151
 
152
- #: candide-vidbg.php:358
153
  msgid "<h2>Video Background</h2>"
154
  msgstr ""
155
 
156
- #: candide-vidbg.php:359
157
  msgid ""
158
  "<p>Video background makes it easy to add responsive, great looking video "
159
  "backgrounds to any element on your website.</p>"
160
  msgstr ""
161
 
162
- #: candide-vidbg.php:360
163
  msgid "<h3>Getting Started</h3>"
164
  msgstr ""
165
 
166
- #: candide-vidbg.php:361
167
  msgid ""
168
  "<p>To implement Video Background on your website, please follow the "
169
  "instructions below."
170
  msgstr ""
171
 
172
- #: candide-vidbg.php:363
173
  msgid ""
174
  "<li>Edit the page or post you would like the video background to appear on.</"
175
  "li>"
176
  msgstr ""
177
 
178
- #: candide-vidbg.php:364
179
  msgid ""
180
  "<li>Below the content editor, you should see a metabox titled <b>Video "
181
  "Background</b>. Enter the values for the required fields and publish/update "
182
  "the page.</li>"
183
  msgstr ""
184
 
185
- #: candide-vidbg.php:365
186
  msgid "<li>Enjoy.</li>"
187
  msgstr ""
188
 
189
- #: candide-vidbg.php:367
190
  msgid ""
191
  "<p>Alternatively, you can use the shortcode by placing the following code at "
192
  "the bottom of the content editor of the page or post you would like the "
193
  "video background to appear on. Here is how it works:</p>"
194
  msgstr ""
195
 
196
- #: candide-vidbg.php:369
197
  msgid ""
198
  "<a href=\"http://blakewilson.me/projects/video-background/\" class=\"button"
199
  "\" target=\"_blank\">Further Documentation</a>"
200
  msgstr ""
201
 
202
- #: candide-vidbg.php:370
203
  msgid "<h3>Questions?</h3>"
204
  msgstr ""
205
 
206
- #: candide-vidbg.php:371
207
  msgid ""
208
  "<p>If you have any feedback/questions regarding the plugin you can reach me "
209
  "<a href=\"https://wordpress.org/support/plugin/video-background\" target="
210
  "\"_blank\">here.</a>"
211
  msgstr ""
212
 
213
- #: candide-vidbg.php:372
214
  msgid "<h3>Support</h3>"
215
  msgstr ""
216
 
217
- #: candide-vidbg.php:373
218
  msgid ""
219
- "<p>If you like Video Background and want to support its development, you can "
220
- "do so with a donation :)</p>"
 
 
221
  msgstr ""
222
 
223
- #: candide-vidbg.php:374
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
224
  msgid ""
225
- "<a href=\"http://paypal.me/blakewilsonme\" class=\"button button-primary\" "
226
- "target=\"_blank\">Buy me a coffee</a>"
227
  msgstr ""
228
 
229
- #: candide-vidbg.php:375
230
  msgid ""
231
- " <a href=\"https://twitter.com/blakewilsonme\" class=\"button button-primary "
232
- "vidbg-twitter\" target=\"_blank\">Follow me on Twitter</a>"
 
233
  msgstr ""
234
 
235
  #: framework/includes/CMB2.php:122
3
  msgstr ""
4
  "Plural-Forms: nplurals=INTEGER; plural=EXPRESSION;\n"
5
  "Project-Id-Version: Video Background\n"
6
+ "POT-Creation-Date: 2016-06-05 23:01-0700\n"
7
  "PO-Revision-Date: 2016-03-30 22:31-0700\n"
8
  "Last-Translator: \n"
9
  "Language-Team: \n"
22
 
23
  #: admin_premium_notice.php:7
24
  msgid ""
25
+ "Youtube, Visual Composer, and SiteOrigin Integration with much more in the "
26
+ "new Video Background Pro! <a href=\"http://pushlabs.co/video-background-pro"
27
+ "\" target=\"_blank\">Learn more &raquo;</a>"
 
 
 
28
  msgstr ""
29
 
30
  #. Plugin Name of the plugin/theme
31
+ #: candide-vidbg.php:94
32
  msgid "Video Background"
33
  msgstr ""
34
 
35
+ #: candide-vidbg.php:101
36
  msgid "Container"
37
  msgstr ""
38
 
39
+ #: candide-vidbg.php:102
40
  msgid ""
41
  "Please specify the container you would like your video background to be in."
42
  "<br>ex: <code>.header</code> or <code>body</code>"
43
  msgstr ""
44
 
45
+ #: candide-vidbg.php:108
46
  msgid "Link to .mp4"
47
  msgstr ""
48
 
49
+ #: candide-vidbg.php:109
50
  msgid ""
51
  "Please specify the link to the .mp4 file. You can either enter a URL or "
52
  "upload a file.<br>For browser compatability, please enter an .mp4 and .webm "
53
  "file for video backgrounds."
54
  msgstr ""
55
 
56
+ #: candide-vidbg.php:113
57
  msgid "Upload .mp4 file"
58
  msgstr ""
59
 
60
+ #: candide-vidbg.php:118
61
  msgid "Link to .webm"
62
  msgstr ""
63
 
64
+ #: candide-vidbg.php:119
65
  msgid ""
66
  "Please specify the link to the .webm file. You can either enter a URL or "
67
  "upload a file.<br>For browser compatability, please enter an .mp4 and .webm "
68
  "file for video backgrounds."
69
  msgstr ""
70
 
71
+ #: candide-vidbg.php:123
72
  msgid "Upload .webm file"
73
  msgstr ""
74
 
75
+ #: candide-vidbg.php:128
76
  msgid "Link to fallback image"
77
  msgstr ""
78
 
79
+ #: candide-vidbg.php:129
80
  msgid ""
81
  "Please specify a link to the fallback image in case the browser does not "
82
  "support video backgrounds. You can either enter a URL or upload a file."
83
  msgstr ""
84
 
85
+ #: candide-vidbg.php:133
86
  msgid "Upload fallback image"
87
  msgstr ""
88
 
89
+ #: candide-vidbg.php:138
 
 
 
 
90
  msgid "Overlay"
91
  msgstr ""
92
 
93
+ #: candide-vidbg.php:139
94
  msgid ""
95
  "Add an overlay over the video. This is useful if your text isn't readable "
96
  "with a video background."
97
  msgstr ""
98
 
99
+ #: candide-vidbg.php:144 candide-vidbg.php:175 candide-vidbg.php:187
100
  msgid "Off"
101
  msgstr ""
102
 
103
+ #: candide-vidbg.php:145 candide-vidbg.php:176 candide-vidbg.php:188
104
  msgid "On"
105
  msgstr ""
106
 
107
+ #: candide-vidbg.php:151
108
  msgid "Overlay Color"
109
  msgstr ""
110
 
111
+ #: candide-vidbg.php:152
112
  msgid ""
113
  "If overlay is enabled, a color will be used for the overlay. You can specify "
114
  "the color here."
115
  msgstr ""
116
 
117
+ #: candide-vidbg.php:159
118
  msgid "Overlay Opacity"
119
  msgstr ""
120
 
121
+ #: candide-vidbg.php:160
122
  msgid ""
123
  "Specify the opacity of the overlay with the left being mostly transparent "
124
  "and the right being hardly transparent."
125
  msgstr ""
126
 
127
+ #: candide-vidbg.php:169
128
  msgid "Turn off loop?"
129
  msgstr ""
130
 
131
+ #: candide-vidbg.php:170
132
  msgid ""
133
  "Turn off the loop for Video Background. Once the video is complete, it will "
134
  "display the last frame of the video."
135
  msgstr ""
136
 
137
+ #: candide-vidbg.php:181
138
  msgid "Play the audio?"
139
  msgstr ""
140
 
141
+ #: candide-vidbg.php:182
142
  msgid "Enabling this will play the audio of the video."
143
  msgstr ""
144
 
145
+ #: candide-vidbg.php:363
146
  msgid "<h2>Video Background</h2>"
147
  msgstr ""
148
 
149
+ #: candide-vidbg.php:364
150
  msgid ""
151
  "<p>Video background makes it easy to add responsive, great looking video "
152
  "backgrounds to any element on your website.</p>"
153
  msgstr ""
154
 
155
+ #: candide-vidbg.php:365
156
  msgid "<h3>Getting Started</h3>"
157
  msgstr ""
158
 
159
+ #: candide-vidbg.php:366
160
  msgid ""
161
  "<p>To implement Video Background on your website, please follow the "
162
  "instructions below."
163
  msgstr ""
164
 
165
+ #: candide-vidbg.php:368
166
  msgid ""
167
  "<li>Edit the page or post you would like the video background to appear on.</"
168
  "li>"
169
  msgstr ""
170
 
171
+ #: candide-vidbg.php:369
172
  msgid ""
173
  "<li>Below the content editor, you should see a metabox titled <b>Video "
174
  "Background</b>. Enter the values for the required fields and publish/update "
175
  "the page.</li>"
176
  msgstr ""
177
 
178
+ #: candide-vidbg.php:370
179
  msgid "<li>Enjoy.</li>"
180
  msgstr ""
181
 
182
+ #: candide-vidbg.php:372
183
  msgid ""
184
  "<p>Alternatively, you can use the shortcode by placing the following code at "
185
  "the bottom of the content editor of the page or post you would like the "
186
  "video background to appear on. Here is how it works:</p>"
187
  msgstr ""
188
 
189
+ #: candide-vidbg.php:374
190
  msgid ""
191
  "<a href=\"http://blakewilson.me/projects/video-background/\" class=\"button"
192
  "\" target=\"_blank\">Further Documentation</a>"
193
  msgstr ""
194
 
195
+ #: candide-vidbg.php:375
196
  msgid "<h3>Questions?</h3>"
197
  msgstr ""
198
 
199
+ #: candide-vidbg.php:376
200
  msgid ""
201
  "<p>If you have any feedback/questions regarding the plugin you can reach me "
202
  "<a href=\"https://wordpress.org/support/plugin/video-background\" target="
203
  "\"_blank\">here.</a>"
204
  msgstr ""
205
 
206
+ #: candide-vidbg.php:377
207
  msgid "<h3>Support</h3>"
208
  msgstr ""
209
 
210
+ #: candide-vidbg.php:378
211
  msgid ""
212
+ "<p>If you like Video Background and want to show your support, consider "
213
+ "purchasing the <a href=\"http://pushlabs.co/video-background-pro\" target="
214
+ "\"_blank\">pro version</a>. It comes with plenty of helpful features that "
215
+ "make your life easier like:</p>"
216
  msgstr ""
217
 
218
+ #: candide-vidbg.php:380
219
+ msgid "<li>YouTube Integration</li>"
220
+ msgstr ""
221
+
222
+ #: candide-vidbg.php:381
223
+ msgid "<li>Visual Composer Integration</li>"
224
+ msgstr ""
225
+
226
+ #: candide-vidbg.php:382
227
+ msgid "<li>Page Builder by SiteOrigin Integration</li>"
228
+ msgstr ""
229
+
230
+ #: candide-vidbg.php:383
231
+ msgid "<li>Frontend Play/Pause Button Option</li>"
232
+ msgstr ""
233
+
234
+ #: candide-vidbg.php:384
235
+ msgid "<li>Frontend Volume Button Option</li>"
236
+ msgstr ""
237
+
238
+ #: candide-vidbg.php:385
239
+ msgid "<li>Overlay Image Textures</li>"
240
+ msgstr ""
241
+
242
+ #: candide-vidbg.php:386
243
+ msgid "<li>Extensive Documentation</li>"
244
+ msgstr ""
245
+
246
+ #: candide-vidbg.php:387
247
+ msgid "<li>Video Tutorials</li>"
248
+ msgstr ""
249
+
250
+ #: candide-vidbg.php:388
251
+ msgid "<li>And Much More!</li>"
252
+ msgstr ""
253
+
254
+ #: candide-vidbg.php:390
255
  msgid ""
256
+ "<a href=\"http://pushlabs.co/video-background-pro\" class=\"button button-"
257
+ "primary\" target=\"_blank\">Purchase Video Background Pro</a>"
258
  msgstr ""
259
 
260
+ #: candide-vidbg.php:391
261
  msgid ""
262
+ " <a href=\"https://twitter.com/intent/follow?screen_name=blakewilsonme\" "
263
+ "class=\"button button-primary vidbg-twitter\" target=\"_blank\">Get Updates "
264
+ "on Twitter</a>"
265
  msgstr ""
266
 
267
  #: framework/includes/CMB2.php:122
readme.txt CHANGED
@@ -3,7 +3,7 @@ Contributors: blakedotvegas
3
  Tags: html5, video background, mp4, webm, responsive, shortcode, overlay, fullscreen background, fullscreen, html5 video background, metabox, blake wilson, loop, mute, unmute
4
  Requires at least: 3.8.0
5
  Tested up to: 4.5
6
- Stable tag: 2.5.1
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
  Donate link: https://www.paypal.me/blakewilsonme
@@ -16,6 +16,8 @@ This plugin is an easy and simple way to add a video background to any element o
16
 
17
  Note: You may need to play around with the element’s z-index for the video background to display properly.
18
 
 
 
19
  There are 4 simple required fields:
20
 
21
  * Container: This fields specifies where you would like the video background. If you want it to cover the whole website, you would enter "body". If you want the video background to be in a class called ".header" you would enter ".header"
@@ -79,6 +81,13 @@ To add a video background to a class called **header** add ".header" to the cont
79
 
80
  == Changelog ==
81
 
 
 
 
 
 
 
 
82
  = 2.5.1 =
83
  * Added "Follow me on Twitter" button
84
  * Added premium notice message for those on WP 4.2 or greater
3
  Tags: html5, video background, mp4, webm, responsive, shortcode, overlay, fullscreen background, fullscreen, html5 video background, metabox, blake wilson, loop, mute, unmute
4
  Requires at least: 3.8.0
5
  Tested up to: 4.5
6
+ Stable tag: 2.5.2
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
  Donate link: https://www.paypal.me/blakewilsonme
16
 
17
  Note: You may need to play around with the element’s z-index for the video background to display properly.
18
 
19
+ There is now a pro version of Video Background with awesome features like YouTube and Visual Composer integration to make your life easier! [Check it out!](http://pushlabs.co/video-background-pro/ "Video Background Pro")
20
+
21
  There are 4 simple required fields:
22
 
23
  * Container: This fields specifies where you would like the video background. If you want it to cover the whole website, you would enter "body". If you want the video background to be in a class called ".header" you would enter ".header"
81
 
82
  == Changelog ==
83
 
84
+ = 2.5.2 =
85
+ * Added fade in/out transitions on advanced panel
86
+ * Simplified/cleaned up a lot of code
87
+ * Added security
88
+ * Some small but helpful new styles
89
+ * Update admin notice for new pro version
90
+
91
  = 2.5.1 =
92
  * Added "Follow me on Twitter" button
93
  * Added premium notice message for those on WP 4.2 or greater