NEW web2.0 pligg video popup hack with greybox

thuggster · 10-05-2007, 07:09 PM

RELEASE :: Greybox video Addon for pligg v1.0

This addon/hack is based on the pligg simple digg video addon.

Instead of using the thickbox module that comes with pligg we used the greybox javascript.
The thickbox popup is slow and gives some minor problems when you trying to close it. The greybox doesnt have this and loads the video files with no problems.

Also we have modified the code, so the windows match the video player size. instead of the default popup size with the thickbox addon.

the addon/hack is still in Development and hopefully ready by the end of the week.
Still need to resolve some minor isseus.

The hack automatically picks up submitted urls that belong to video sites this means it also works from the submit browser button or the firefox plugin that is available for pligg.

This hack should also allow you to rss syndicate video feeds from channels at the likes of LiveVideo.com and have them automatically insert the videos into your pligg stories with the digglike display intact.

Currently Supported Sites

1. Google Video
2. YouTube
3. Xoinks
4. Revver
5. My Space
6. Vimeo
7. Veoh
8. MetaCafe
9. iFilm
10. Guba
11. Daily Motion
12. Stage6Divx
13. MSN Soapbox
14. Live Video
15. GoFish
16. YouAreTv
17. LiveLeak
18. CollegeHumour

Greybox video Addon for pligg v1.0
Installation: Easy
Files to edit: 2

Download http://mijnblogonline.nl/Greybox%20v...igg%20v1.0.zip
Included is the greybox
Included is play.php
Included is videovar.tpl

put the greybox folder in the ROOT of your webserver
put the play.php in the ROOT of your webserver
put the videovar.tpl in the template folder of the template you are using

open pligg.tpl

ADD after <head>

PHP Code:

  <script type="text/javascript">

    var GB_ROOT_DIR = "{$my_pligg_base}/greybox/";

</script>

<script type="text/javascript" src="{$my_pligg_base}/greybox/AJS.js"></script>

<script type="text/javascript" src="{$my_pligg_base}/greybox/AJS_fx.js"></script>

<script type="text/javascript" src="{$my_pligg_base}/greybox/gb_scripts.js"></script>

<link href="{$my_pligg_base}/greybox/gb_styles.css" rel="stylesheet" type="text/css" />

Open link_summary.tpl

find

PHP Code:

  {if $pagename eq "story"}

                                        <a href="{$url}">{$title_short}</a>

                                {else}

                                  <a href="{$story_url}">{$title_short}</a>

                                {/if}

                        {/if}

                </div>

After add

PHP Code:

  {if $url_short eq "http://www.collegehumor.com" || $url_short eq "http://www.guba.com" || $url_short eq "http://video.google.com" || $url_short eq "http://video.google.co.uk" || $url_short eq "http://video.google.nl" || $url_short eq "http://youtube.com" || $url_short eq "http://www.youtube.com" || $url_short eq "http://uk.youtube.com" || $url_short eq "http://br.youtube.com" || $url_short eq "http://fr.youtube.com" || $url_short eq "http://ie.youtube.com" || $url_short eq "http://it.youtube.com" || $url_short eq "http://jp.youtube.com" || $url_short eq "http://nl.youtube.com" || $url_short eq "http://pl.youtube.com" || $url_short eq "http://es.youtube.com" || $url_short eq "http://www.livevideo.com" || $url_short eq "http://www.youare.tv" || $url_short eq "http://youare.tv" || $url_short eq "http://stage6.divx.com" || $url_short eq "http://www.metacafe.com" || $url_short eq "http://soapbox.msn.com" || $url_short eq "http://www.gofish.com" || $url_short eq "http://www.ifilm.com" || $url_short eq "http://www.veoh.com" || $url_short eq "http://vimeo.com" || $url_short eq "http://www.vimeo.com" || $url_short eq "http://vids.myspace.com" || $url_short eq "http://one.revver.com" || $url_short eq "http://xoinks.com" || $url_short eq "http://www.xoinks.com" || $url_short eq "http://www.dailymotion.com" || $url_short eq "http://www.liveleak.com" }

                <div class="vidimage">

                <a href="{$my_pligg_base}/play.php?id={$link_id}" {include file='templates/TEMPLATE NAME/videovar2.tpl'}>               

               <img src="http://msnsearch.srv.girafa.com/srv/i?s=MSNSEARCH&r={$url_short}" width="80" height="66" border="0" alt="View the Video file {$title_short}" /></a>

             </div>

                {/if}

DONT FORGET to change in link_summary.tpl

PHP Code:

  {include file='templates/TEMPLATE NAME/videovar2.tpl'}>

Open your template css

at the end of the file ADD

PHP Code:

  /* Video Image */

.vidimage {float:left;padding:4px;margin: 0px 10px 0px 0px; background:#e1e1e1; border:1px;}

Greets thuggster

p.s
Adam i hope you dont mind i used some of your text from the thickbox forum post

thuggster · 10-06-2007, 08:49 AM

here is a update;

almost finished, hope to be done by mondag the 8th.

here are some live examples on my site.
http://mijnblogonline.nl/tag/test+greybox

video.google
youtube
livevideo
metacafe
etc.....

greets thuggster

thuggster · 10-08-2007, 07:27 PM

Released v1.0 of the greybox video popup. Files and instructions are in the first post

Enjoy.

Greets Thuggster

Linux · 10-08-2007, 10:07 PM

cant download

otherwise looking great

thuggster · 10-08-2007, 11:10 PM

Quote:

Originally Posted by Linux

cant download

otherwise looking great

Yes i noticed, sorry.

here is the link Greybox video Addon for pligg v1.0.zip

P.s
Adam why cant i edit my post? The load time is terrible

Linux · 10-09-2007, 05:41 PM

Quote:

Originally Posted by thuggster

Yes i noticed, sorry.

here is the link Greybox video Addon for pligg v1.0.zip

P.s
Adam why cant i edit my post? The load time is terrible

tnx alot but it is not working i get: var GB_ROOT_DIR = "/greybox/";
after i install it.

Best Regards

thuggster · 10-09-2007, 07:02 PM

Quote:

Originally Posted by Linux

tnx alot but it is not working i get: var GB_ROOT_DIR = "/greybox/";
after i install it.

Best Regards

You have a " /" infront of the foldername Greybox, that gives a error.

If you installed it inb the ROOT of the webserver its,

PHP Code:

  GB_ROOT_DIR = "{$my_pligg_base}/greybox/";

Otherwise try,

PHP Code:

  GB_ROOT_DIR = "greybox/";

Linux · 10-09-2007, 08:00 PM

Quote:

Originally Posted by thuggster

You have a " /" infront of the foldername Greybox, that gives a error.

If you installed it inb the ROOT of the webserver its,

PHP Code:

  GB_ROOT_DIR = "{$my_pligg_base}/greybox/";

Otherwise try,

PHP Code:

  GB_ROOT_DIR = "greybox/";

just sent you a pm hope you can help me

clems365 · 10-10-2007, 05:02 PM

For my part it doesn't work...

http://www.plus2foot.com/story.php?t...rpool_0_-_1_OM
I'ts maybe the

HTML Code:

GB_ROOT_DIR = "{$my_pligg_base}/greybox/";

All the others codes look fine so... any idea?

thanks
Clems

thuggster · 10-10-2007, 05:26 PM

Little coding error

Replace in link_summary.tpl

PHP Code:

  templates/{$the_template}/videovar2.tpl

with

PHP Code:

  templates/TEMPLATE NAME/videovar2.tpl

Updated the code and tutorial

10-10-2007, 05:02 PM	#9 (permalink)
clems365 Junior Member Join Date: Sep 2007 Posts: 12	For my part it doesn't work... http://www.plus2foot.com/story.php?t...rpool_0_-_1_OM I'ts maybe the HTML Code: GB_ROOT_DIR = "{$my_pligg_base}/greybox/"; All the others codes look fine so... any idea? thanks Clems

10-10-2007, 05:26 PM	#10 (permalink)
thuggster Member Join Date: Sep 2007 Location: Netherlands Posts: 50	Little coding error Replace in link_summary.tpl PHP Code: `templates/{$the_template}/videovar2.tpl` with PHP Code: `templates/TEMPLATE NAME/videovar2.tpl` Updated the code and tutorial Last edited by thuggster : 10-10-2007 at 05:32 PM.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

10-06-2007, 08:49 AM	#2 (permalink)
thuggster Member Join Date: Sep 2007 Location: Netherlands Posts: 50	here is a update; almost finished, hope to be done by mondag the 8th. here are some live examples on my site. http://mijnblogonline.nl/tag/test+greybox video.google youtube livevideo metacafe etc..... greets thuggster

10-08-2007, 07:27 PM	#3 (permalink)
thuggster Member Join Date: Sep 2007 Location: Netherlands Posts: 50	Released v1.0 of the greybox video popup. Files and instructions are in the first post Enjoy. Greets Thuggster

10-08-2007, 10:07 PM	#4 (permalink)
Linux Junior Member Join Date: Sep 2007 Posts: 10	cant download otherwise looking great

Sponsored Links

Sponsored Links