Version Description
None
Download this release
Release Info
Developer | mra13 |
Plugin | WP Video Lightbox |
Version | 1.5 |
Comparing to | |
See all releases |
Code changes from version 1.4 to 1.5
- js/video-lightbox.js +82 -0
- readme.txt +17 -10
- wp-video-lightbox.php +12 -141
js/video-lightbox.js
ADDED
@@ -0,0 +1,82 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
jQuery(document).ready(function($) {
|
2 |
+
$("a[rel^='wp-video-lightbox']").prettyPhoto({
|
3 |
+
animation_speed: 'fast',
|
4 |
+
slideshow: 5000,
|
5 |
+
autoplay_slideshow: false,
|
6 |
+
opacity: 0.80,
|
7 |
+
show_title: true,
|
8 |
+
allow_resize: true,
|
9 |
+
default_width: 640,
|
10 |
+
default_height: 480,
|
11 |
+
counter_separator_label: '/',
|
12 |
+
theme: 'pp_default',
|
13 |
+
horizontal_padding: 20,
|
14 |
+
hideflash: false,
|
15 |
+
wmode: 'opaque',
|
16 |
+
autoplay: false,
|
17 |
+
modal: false,
|
18 |
+
deeplinking: false,
|
19 |
+
overlay_gallery: true,
|
20 |
+
keyboard_shortcuts: true,
|
21 |
+
changepicturecallback: function(){},
|
22 |
+
callback: function(){},
|
23 |
+
ie6_fallback: true,
|
24 |
+
markup: '<div class="pp_pic_holder"> \
|
25 |
+
<div class="ppt"> </div> \
|
26 |
+
<div class="pp_top"> \
|
27 |
+
<div class="pp_left"></div> \
|
28 |
+
<div class="pp_middle"></div> \
|
29 |
+
<div class="pp_right"></div> \
|
30 |
+
</div> \
|
31 |
+
<div class="pp_content_container"> \
|
32 |
+
<div class="pp_left"> \
|
33 |
+
<div class="pp_right"> \
|
34 |
+
<div class="pp_content"> \
|
35 |
+
<div class="pp_loaderIcon"></div> \
|
36 |
+
<div class="pp_fade"> \
|
37 |
+
<a href="#" class="pp_expand" title="Expand the image">Expand</a> \
|
38 |
+
<div class="pp_hoverContainer"> \
|
39 |
+
<a class="pp_next" href="#">next</a> \
|
40 |
+
<a class="pp_previous" href="#">previous</a> \
|
41 |
+
</div> \
|
42 |
+
<div id="pp_full_res"></div> \
|
43 |
+
<div class="pp_details"> \
|
44 |
+
<div class="pp_nav"> \
|
45 |
+
<a href="#" class="pp_arrow_previous">Previous</a> \
|
46 |
+
<p class="currentTextHolder">0/0</p> \
|
47 |
+
<a href="#" class="pp_arrow_next">Next</a> \
|
48 |
+
</div> \
|
49 |
+
<p class="pp_description"></p> \
|
50 |
+
{pp_social} \
|
51 |
+
<a class="pp_close" href="#">Close</a> \
|
52 |
+
</div> \
|
53 |
+
</div> \
|
54 |
+
</div> \
|
55 |
+
</div> \
|
56 |
+
</div> \
|
57 |
+
</div> \
|
58 |
+
<div class="pp_bottom"> \
|
59 |
+
<div class="pp_left"></div> \
|
60 |
+
<div class="pp_middle"></div> \
|
61 |
+
<div class="pp_right"></div> \
|
62 |
+
</div> \
|
63 |
+
</div> \
|
64 |
+
<div class="pp_overlay"></div>',
|
65 |
+
gallery_markup: '<div class="pp_gallery"> \
|
66 |
+
<a href="#" class="pp_arrow_previous">Previous</a> \
|
67 |
+
<div> \
|
68 |
+
<ul> \
|
69 |
+
{gallery} \
|
70 |
+
</ul> \
|
71 |
+
</div> \
|
72 |
+
<a href="#" class="pp_arrow_next">Next</a> \
|
73 |
+
</div>',
|
74 |
+
image_markup: '<img id="fullResImage" src="{path}" />',
|
75 |
+
flash_markup: '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="{width}" height="{height}"><param name="wmode" value="{wmode}" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="{path}" /><embed src="{path}" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="{width}" height="{height}" wmode="{wmode}"></embed></object>',
|
76 |
+
quicktime_markup: '<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="{height}" width="{width}"><param name="src" value="{path}"><param name="autoplay" value="{autoplay}"><param name="type" value="video/quicktime"><embed src="{path}" height="{height}" width="{width}" autoplay="{autoplay}" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"></embed></object>',
|
77 |
+
iframe_markup: '<iframe src ="{path}" width="{width}" height="{height}" frameborder="no"></iframe>',
|
78 |
+
inline_markup: '<div class="pp_inline">{content}</div>',
|
79 |
+
custom_markup: '',
|
80 |
+
social_tools: false
|
81 |
+
});
|
82 |
+
});
|
readme.txt
CHANGED
@@ -1,17 +1,19 @@
|
|
1 |
=== WP Video Lightbox ===
|
2 |
-
Contributors: Tips and Tricks HQ
|
3 |
Donate link: http://www.tipsandtricks-hq.com/
|
4 |
-
Tags: wordpress lightbox, wordpress video lightbox, video lightbox, wp video lightbox, wordpress video embed, add video to wordpress
|
5 |
Requires at least: 3.0
|
6 |
Tested up to: 3.6
|
7 |
-
Stable tag: 1.
|
8 |
License: GPLv2 or later
|
9 |
|
10 |
Very easy to use WordPress lightbox plugin to display YouTube and Vimeo videos in an elegant lightbox overlay.
|
11 |
|
12 |
== Description ==
|
13 |
|
14 |
-
The WordPress Video Lightbox plugin allows you to embed videos on a page using lightbox overlay display.
|
|
|
|
|
15 |
|
16 |
For video tutorial, screenshots, detailed documentation, support and updates, please visit: [WP Video Lightbox plugin page](http://www.tipsandtricks-hq.com/?p=2700)
|
17 |
|
@@ -25,11 +27,6 @@ Instructions for using the shortcodes are available at the following URL:
|
|
25 |
|
26 |
Upload the plugin to the plugins directory via WordPress Plugin Uploader (Plugins->Add New->Upload->Choose File->Install Now) and Activate it.
|
27 |
|
28 |
-
== Changelog ==
|
29 |
-
1.4 - added a feature in the shortcode to turn off the related video display after the playback
|
30 |
-
|
31 |
-
1.3 - First commit to the wordpress repository
|
32 |
-
|
33 |
== Frequently Asked Questions ==
|
34 |
|
35 |
= Can this plugin be used to embed a YouTube video? =
|
@@ -38,10 +35,20 @@ Yes
|
|
38 |
= Can this plugin be used to embed a Vimeo video? =
|
39 |
Yes
|
40 |
|
|
|
|
|
|
|
41 |
== Screenshots ==
|
42 |
|
43 |
-
|
|
|
44 |
|
45 |
== Upgrade Notice ==
|
46 |
|
|
|
|
|
|
|
47 |
|
|
|
|
|
|
1 |
=== WP Video Lightbox ===
|
2 |
+
Contributors: Tips and Tricks HQ, Ruhul Amin
|
3 |
Donate link: http://www.tipsandtricks-hq.com/
|
4 |
+
Tags: wordpress lightbox, wordpress video lightbox, video lightbox, wp video lightbox, wordpress video embed, add video to wordpress, gallery, image, images, lightbox, lightview, overlay, photo, photos, picture, video
|
5 |
Requires at least: 3.0
|
6 |
Tested up to: 3.6
|
7 |
+
Stable tag: 1.5
|
8 |
License: GPLv2 or later
|
9 |
|
10 |
Very easy to use WordPress lightbox plugin to display YouTube and Vimeo videos in an elegant lightbox overlay.
|
11 |
|
12 |
== Description ==
|
13 |
|
14 |
+
The WordPress Video Lightbox plugin allows you to embed videos on a page using lightbox overlay display.
|
15 |
+
|
16 |
+
This plugin can be used to display images, flash, YouTube, Vimeo, iFrame etc in a lightbox overlay. The embedded videos can be viewed on iPhone and iPad too.
|
17 |
|
18 |
For video tutorial, screenshots, detailed documentation, support and updates, please visit: [WP Video Lightbox plugin page](http://www.tipsandtricks-hq.com/?p=2700)
|
19 |
|
27 |
|
28 |
Upload the plugin to the plugins directory via WordPress Plugin Uploader (Plugins->Add New->Upload->Choose File->Install Now) and Activate it.
|
29 |
|
|
|
|
|
|
|
|
|
|
|
30 |
== Frequently Asked Questions ==
|
31 |
|
32 |
= Can this plugin be used to embed a YouTube video? =
|
35 |
= Can this plugin be used to embed a Vimeo video? =
|
36 |
Yes
|
37 |
|
38 |
+
= Can this plugin be used to do lightbox on images? =
|
39 |
+
Yes
|
40 |
+
|
41 |
== Screenshots ==
|
42 |
|
43 |
+
Please see this page for screenshots:
|
44 |
+
http://www.tipsandtricks-hq.com/?p=2700
|
45 |
|
46 |
== Upgrade Notice ==
|
47 |
|
48 |
+
None
|
49 |
+
|
50 |
+
== Changelog ==
|
51 |
|
52 |
+
1.5 - Made some improvements as to how the JavaScript code is loaded in the plugin. WordPress 3.6 compatibility.
|
53 |
+
1.4 - added a feature in the shortcode to turn off the related video display after the playback
|
54 |
+
1.3 - First commit to the wordpress repository
|
wp-video-lightbox.php
CHANGED
@@ -1,13 +1,13 @@
|
|
1 |
<?php
|
2 |
/*
|
3 |
Plugin Name: WP Video Lightbox
|
4 |
-
Version: 1.
|
5 |
Plugin URI: http://www.tipsandtricks-hq.com/?p=2700
|
6 |
-
Author: Ruhul Amin
|
7 |
Author URI: http://www.tipsandtricks-hq.com/
|
8 |
Description: Simple video lightbox plugin to display videos in a nice overlay popup. It also supports images, flash, YouTube, iFrame.
|
9 |
*/
|
10 |
-
define('WP_LICENSE_MANAGER_VERSION', "1.
|
11 |
define('WP_VID_LIGHTBOX_URL', plugins_url('',__FILE__));
|
12 |
|
13 |
add_shortcode('video_lightbox_vimeo5', 'wp_vid_lightbox_vimeo5_handler');
|
@@ -60,147 +60,18 @@ function wp_vid_lightbox_youtube_handler($atts)
|
|
60 |
return $output;
|
61 |
}
|
62 |
|
63 |
-
function wp_vid_lightbox_head_content()
|
64 |
-
{
|
65 |
-
echo '<link type="text/css" rel="stylesheet" href="'.WP_VID_LIGHTBOX_URL.'/css/prettyPhoto.css" />';
|
66 |
-
}
|
67 |
function wp_vid_lightbox_init()
|
68 |
{
|
69 |
-
|
70 |
-
|
71 |
wp_enqueue_script('jquery');
|
72 |
-
|
73 |
-
|
74 |
-
|
75 |
-
|
76 |
-
|
77 |
-
|
78 |
-
|
79 |
-
wp_vid_lightbox_style();
|
80 |
}
|
81 |
|
82 |
-
function wp_vid_lightbox_style()
|
83 |
-
{
|
84 |
-
$vid_lightbox_rel = "wp-video-lightbox";
|
85 |
-
$vid_lightbox_speed = 'fast';
|
86 |
-
$vid_lightbox_slideshow = '5000';
|
87 |
-
$vid_lightbox_autoplay_slideshow = 'false';
|
88 |
-
$vid_lightbox_opacity = '0.80';
|
89 |
-
$vid_lightbox_show_title = 'true';
|
90 |
-
$vid_lightbox_allow_resize = 'true';
|
91 |
-
$default_width = '640';
|
92 |
-
$default_height = '480';
|
93 |
-
$vid_lightbox_counterlabel = '/';
|
94 |
-
$vid_lightbox_theme = 'pp_default';
|
95 |
-
$vid_lightbox_horizontal_padding = '20';
|
96 |
-
$vid_lightbox_hideflash = 'false';
|
97 |
-
$vid_lightbox_wmode = 'opaque';
|
98 |
-
$vid_lightbox_autoplay = 'false';
|
99 |
-
$vid_lightbox_modal = 'false';
|
100 |
-
$vid_lightbox_deeplinking = 'false';
|
101 |
-
$vid_lightbox_overlay_gallery = 'true';
|
102 |
-
$vid_lightbox_keyboard_shortcuts = 'true';
|
103 |
-
$vid_lightbox_changepicturecallback = 'function(){}';
|
104 |
-
$vid_lightbox_callback = 'function(){}';
|
105 |
-
$vid_lightbox_markup = '<div class="pp_pic_holder"> \
|
106 |
-
<div class="ppt"> </div> \
|
107 |
-
<div class="pp_top"> \
|
108 |
-
<div class="pp_left"></div> \
|
109 |
-
<div class="pp_middle"></div> \
|
110 |
-
<div class="pp_right"></div> \
|
111 |
-
</div> \
|
112 |
-
<div class="pp_content_container"> \
|
113 |
-
<div class="pp_left"> \
|
114 |
-
<div class="pp_right"> \
|
115 |
-
<div class="pp_content"> \
|
116 |
-
<div class="pp_loaderIcon"></div> \
|
117 |
-
<div class="pp_fade"> \
|
118 |
-
<a href="#" class="pp_expand" title="Expand the image">Expand</a> \
|
119 |
-
<div class="pp_hoverContainer"> \
|
120 |
-
<a class="pp_next" href="#">next</a> \
|
121 |
-
<a class="pp_previous" href="#">previous</a> \
|
122 |
-
</div> \
|
123 |
-
<div id="pp_full_res"></div> \
|
124 |
-
<div class="pp_details"> \
|
125 |
-
<div class="pp_nav"> \
|
126 |
-
<a href="#" class="pp_arrow_previous">Previous</a> \
|
127 |
-
<p class="currentTextHolder">0/0</p> \
|
128 |
-
<a href="#" class="pp_arrow_next">Next</a> \
|
129 |
-
</div> \
|
130 |
-
<p class="pp_description"></p> \
|
131 |
-
{pp_social} \
|
132 |
-
<a class="pp_close" href="#">Close</a> \
|
133 |
-
</div> \
|
134 |
-
</div> \
|
135 |
-
</div> \
|
136 |
-
</div> \
|
137 |
-
</div> \
|
138 |
-
</div> \
|
139 |
-
<div class="pp_bottom"> \
|
140 |
-
<div class="pp_left"></div> \
|
141 |
-
<div class="pp_middle"></div> \
|
142 |
-
<div class="pp_right"></div> \
|
143 |
-
</div> \
|
144 |
-
</div> \
|
145 |
-
<div class="pp_overlay"></div>';
|
146 |
-
$vid_lightbox_gallery_markup = '<div class="pp_gallery"> \
|
147 |
-
<a href="#" class="pp_arrow_previous">Previous</a> \
|
148 |
-
<div> \
|
149 |
-
<ul> \
|
150 |
-
{gallery} \
|
151 |
-
</ul> \
|
152 |
-
</div> \
|
153 |
-
<a href="#" class="pp_arrow_next">Next</a> \
|
154 |
-
</div>';
|
155 |
-
$vid_lightbox_image_markup = '<img id="fullResImage" src="{path}" />';
|
156 |
-
$vid_lightbox_flash_markup = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="{width}" height="{height}"><param name="wmode" value="{wmode}" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="{path}" /><embed src="{path}" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="{width}" height="{height}" wmode="{wmode}"></embed></object>';
|
157 |
-
$vid_lightbox_quicktime_markup = '<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="{height}" width="{width}"><param name="src" value="{path}"><param name="autoplay" value="{autoplay}"><param name="type" value="video/quicktime"><embed src="{path}" height="{height}" width="{width}" autoplay="{autoplay}" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"></embed></object>';
|
158 |
-
$vid_lightbox_iframe_markup = '<iframe src ="{path}" width="{width}" height="{height}" frameborder="no"></iframe>';
|
159 |
-
$vid_lightbox_inline_markup = '<div class="pp_inline">{content}</div>';
|
160 |
-
$output = <<<EOHTML
|
161 |
-
<script type="text/javascript">
|
162 |
-
/* <![CDATA[ */
|
163 |
-
jQuery(document).ready(function($) {
|
164 |
-
$("a[rel^='{$vid_lightbox_rel}']").prettyPhoto({
|
165 |
-
animation_speed: '{$vid_lightbox_speed}',
|
166 |
-
slideshow: {$vid_lightbox_slideshow},
|
167 |
-
autoplay_slideshow: {$vid_lightbox_autoplay_slideshow},
|
168 |
-
opacity: {$vid_lightbox_opacity},
|
169 |
-
show_title: {$vid_lightbox_show_title},
|
170 |
-
allow_resize: {$vid_lightbox_allow_resize},
|
171 |
-
default_width: {$default_width},
|
172 |
-
default_height: {$default_height},
|
173 |
-
counter_separator_label: '{$vid_lightbox_counterlabel}',
|
174 |
-
theme: '{$vid_lightbox_theme}',
|
175 |
-
horizontal_padding: {$vid_lightbox_horizontal_padding},
|
176 |
-
hideflash: {$vid_lightbox_hideflash},
|
177 |
-
wmode: '{$vid_lightbox_wmode}',
|
178 |
-
autoplay: {$vid_lightbox_autoplay},
|
179 |
-
modal: {$vid_lightbox_modal},
|
180 |
-
deeplinking: {$vid_lightbox_deeplinking},
|
181 |
-
overlay_gallery: {$vid_lightbox_overlay_gallery},
|
182 |
-
keyboard_shortcuts: {$vid_lightbox_keyboard_shortcuts},
|
183 |
-
changepicturecallback: {$vid_lightbox_changepicturecallback},
|
184 |
-
callback: {$vid_lightbox_callback},
|
185 |
-
ie6_fallback: true,
|
186 |
-
markup: '{$vid_lightbox_markup}',
|
187 |
-
gallery_markup: '{$vid_lightbox_gallery_markup}',
|
188 |
-
image_markup: '{$vid_lightbox_image_markup}',
|
189 |
-
flash_markup: '{$vid_lightbox_flash_markup}',
|
190 |
-
quicktime_markup: '{$vid_lightbox_quicktime_markup}',
|
191 |
-
iframe_markup: '{$vid_lightbox_iframe_markup}',
|
192 |
-
inline_markup: '{$vid_lightbox_inline_markup}',
|
193 |
-
custom_markup: '',
|
194 |
-
social_tools: false
|
195 |
-
});
|
196 |
-
});
|
197 |
-
/* ]]> */
|
198 |
-
</script>
|
199 |
-
EOHTML;
|
200 |
-
echo $output;
|
201 |
-
}
|
202 |
-
|
203 |
add_action('init', 'wp_vid_lightbox_init');
|
204 |
-
add_action('wp_head', 'wp_vid_lightbox_head_content');
|
205 |
-
add_action('wp_footer', 'wp_vid_footer_content');
|
206 |
-
?>
|
1 |
<?php
|
2 |
/*
|
3 |
Plugin Name: WP Video Lightbox
|
4 |
+
Version: 1.5
|
5 |
Plugin URI: http://www.tipsandtricks-hq.com/?p=2700
|
6 |
+
Author: Tips and Tricks HQ, Ruhul Amin
|
7 |
Author URI: http://www.tipsandtricks-hq.com/
|
8 |
Description: Simple video lightbox plugin to display videos in a nice overlay popup. It also supports images, flash, YouTube, iFrame.
|
9 |
*/
|
10 |
+
define('WP_LICENSE_MANAGER_VERSION', "1.5");
|
11 |
define('WP_VID_LIGHTBOX_URL', plugins_url('',__FILE__));
|
12 |
|
13 |
add_shortcode('video_lightbox_vimeo5', 'wp_vid_lightbox_vimeo5_handler');
|
60 |
return $output;
|
61 |
}
|
62 |
|
|
|
|
|
|
|
|
|
63 |
function wp_vid_lightbox_init()
|
64 |
{
|
65 |
+
if (!is_admin())
|
66 |
+
{
|
67 |
wp_enqueue_script('jquery');
|
68 |
+
wp_register_script('jquery.prettyphoto', WP_VID_LIGHTBOX_URL.'/js/jquery.prettyPhoto.js', array('jquery'), '3.1.4');
|
69 |
+
wp_enqueue_script('jquery.prettyphoto');
|
70 |
+
wp_register_script('video-lightbox', WP_VID_LIGHTBOX_URL.'/js/video-lightbox.js', array('jquery'), '3.1.4');
|
71 |
+
wp_enqueue_script('video-lightbox');
|
72 |
+
wp_register_style('jquery.prettyphoto', WP_VID_LIGHTBOX_URL.'/css/prettyPhoto.css');
|
73 |
+
wp_enqueue_style('jquery.prettyphoto');
|
74 |
+
}
|
|
|
75 |
}
|
76 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
77 |
add_action('init', 'wp_vid_lightbox_init');
|
|
|
|
|
|