VIDEO-LIGHTBOX youtube/metacafe/video google/

In this section you can share self-made extensions with other users of WYSIWYG Web Builder.

There are already more than 250 extensions available!
User avatar
Eddy
 
 
Posts: 504
Joined: Tue Nov 27, 2007 1:52 am
Location: Nederland.

VIDEO-LIGHTBOX youtube/metacafe/video google/

Post by Eddy » Tue Nov 04, 2008 2:11 am

At 21-2-2009 I found that if the video is more down to the bottom of a long page in IE,the video stays than on top of the page withoud the complete doctype.

Please make the doctype complete for IE browsers if u use this extension!
Login with ftp to your server and change the doctype in your page.

Code: Select all

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
In WB 6.x you can select no doctype in page properties and copy paste the doctype in Page html-->start off page.

In WB 6.5 is the "HTML loose.dtd" doctype standard!

Video-lightbox.

Youtube
Video google
Metacafe


Browser screenshot.
Image

For easy drawing the dimensions from your image I have made rulers.
Image


Pdf not included ,just insert the url from video and url from video image.
You can change the borderwidth and bordercolor from your image.
You can also select an image from your pc.
You can change the video height and weidth.
(default video width and height = empty)


example youtube url.

Code: Select all

http://nl.youtube.com/watch?v=erJc4dzZ3IA
If you use more than one video on your page than change the (video)ID


Image
Download for WB 6.5
http://www.mediafire.com/file/dogfd3him ... _valid.zip


Download from filedropper
http://www.filedropper.com/videolightbox65valid



With special thanks to Baconfries who has also put many hours in this extension!
Last edited by Eddy on Thu Dec 31, 2009 1:04 am, edited 16 times in total.

User avatar
v84x4
 
 
Posts: 115
Joined: Thu Sep 18, 2008 1:48 am
Contact:

Post by v84x4 » Tue Nov 04, 2008 2:40 am

:D THANK YOU :D

.........I think I have a problem........

8) IM ADDICTED TO EXTENTIONS 8)

WOW........way cool

Thank you Eddy & Baconfries


With Regards V8
Last edited by v84x4 on Tue Nov 04, 2008 8:39 am, edited 1 time in total.

User avatar
BaconFries
 
 
Posts: 4162
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries » Tue Nov 04, 2008 3:31 am

Thx Eddy without your knowledge I still be trying to figure this out :? it looks great. :D again thx for geting this to work full credits to you.

"Good things do come to those who wait......and wait....and...." lol

User avatar
lika15
 
 
Posts: 47
Joined: Sun Jun 29, 2008 11:51 pm
Location: Albanians
Contact:

Post by lika15 » Tue Nov 04, 2008 5:50 am

Wooou Thank you Eddy good :idea:
LONG HAIR IS BEAUTIFUL
http://adfoc.us/428805612658
http://adfoc.us/428805612658

User avatar
lika15
 
 
Posts: 47
Joined: Sun Jun 29, 2008 11:51 pm
Location: Albanians
Contact:

Post by lika15 » Sat Nov 08, 2008 6:28 pm

hello eddy now I work well I installed again wysiwygwebbuilder. and everything goes through the wonder .. 8)
LONG HAIR IS BEAUTIFUL
http://adfoc.us/428805612658
http://adfoc.us/428805612658

User avatar
Eddy
 
 
Posts: 504
Joined: Tue Nov 27, 2007 1:52 am
Location: Nederland.

Post by Eddy » Sat Nov 08, 2008 6:49 pm

Ok,thanks to let me know this :wink:

katman
 
 
Posts: 95
Joined: Sun Dec 21, 2008 7:02 am

Post by katman » Sun Dec 28, 2008 9:08 am

Sorry guys... had great diff following this thread. did I come in the middle of another one?
I am a new site builder and would love to have litebox video on it. I had litebox pics on my last site I built using notepad but I am having a little difficulty integrating things into WB5.

Could someone layout from start to finish how to ad the litebox video to WB5. PLEASE..

I am also trying to embed youtube into my page.

Thanks

User avatar
Eddy
 
 
Posts: 504
Joined: Tue Nov 27, 2007 1:52 am
Location: Nederland.

Post by Eddy » Sun Dec 28, 2008 10:15 am

Just use and instal lightbox like any other extension.
Read the first post,it explains all.

tutorial instal extensions.
viewtopic.php?t=7234

User avatar
BaconFries
 
 
Posts: 4162
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries » Sun Dec 28, 2008 3:59 pm

HI katman have you read the tutorial on how to install extensions as Eddy has said with the link he provided. To use this Video/Light box is as so, download unzip and install extension in C \ program \ WYSIWYG Web Builder 5...Restart WB you should now see the extension has been added into extensions. Now place Video/Lightbox in your design area you now need to adjust the size this needs to be 130 x 98 this is just for displaying of the image you use, see example below blue box.
Image
The video display size can be done through the extension by setting the width and height. This is the setting that will display the video when played back.
You need to add the url of the link like this
Url Video:
http://www.youtube.com/v/erJc4dzZ3IA&hl
Image
http://i2.ytimg.com/vi/Ys5eEpT0_S0/default.jpg or you can use your own image.
You can also name the video, change the border color, and border thickness to suit. Hope this helps

katman
 
 
Posts: 95
Joined: Sun Dec 21, 2008 7:02 am

Post by katman » Mon Dec 29, 2008 6:18 am

Beatufulll! all done and working great. thanks for your patients.

User avatar
Eddy
 
 
Posts: 504
Joined: Tue Nov 27, 2007 1:52 am
Location: Nederland.

Post by Eddy » Fri Jan 23, 2009 12:11 pm

wilkes wrote:Hallo Eddy,

Werkt lightbox ook met filmpjes van Vimeo ?
They use al about the same embed code :wink:
You get this embed code from Vimeo:

<object width="400" height="225">
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="movie" value="http://vimeo.com/moogaloop.swf clip_id=2400199&server=vimeo.com&show_title=1&show_byline=
1&show_portrait=0&color=426975&fullscreen=1" />
<embed src="http://vimeo.com/moogaloop.swf?clip_id= ... how_title=
1&show_byline=1&show_portrait=0&color=
426975&fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="225"></embed></object><br /><a href="http://vimeo.com/">Wishing You a Merry 'Vintage' Christmas!
</a> from <a href="http://vimeo.com/jaredfoster">Jared Foster</a>
on <a href="http://vimeo.com">Vimeo</a>.



Copy the url below from the embed code and paste in the video lightbox.
change the width and hight.
Make a screenshot or use an image from your pc.
Click previeuw.

http://vimeo.com/moogaloop.swf?clip_id=2400199

User avatar
Eddy
 
 
Posts: 504
Joined: Tue Nov 27, 2007 1:52 am
Location: Nederland.

Post by Eddy » Fri Feb 27, 2009 10:37 pm

In the first posting you can read this to solve that problem.
At 21-2-2009 I found that if the video is more down to the bottom of a long page in IE,the video stays than on top of the page withoud the complete doctype.

Please make the doctype complete for IE browsers if u use this extension!
Login with ftp to your server and change the doctype in your page.

Code: Select all

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
2. On that same note, if you scroll down the page, the video box remains at the top. Can the extension be set to scroll with the page as well?
No thats not possible that the movie scrolls down together with page scrolling.
But if u have scrolled down the page and click on the image than the movie opens there, if you change the doctype.

rolo
 
 
Posts: 9
Joined: Sat Jun 09, 2007 5:42 pm

Post by rolo » Wed Jul 08, 2009 2:15 pm

Is it possible an autorun - autostart video option?

If I click in image to launch video, why click again to play it?

Autosart is a must !!!

Thanks

User avatar
Eddy
 
 
Posts: 504
Joined: Tue Nov 27, 2007 1:52 am
Location: Nederland.

Post by Eddy » Wed Jul 08, 2009 2:20 pm

This is how the script works,I dont know how to change the code to autostart :?

User avatar
BaconFries
 
 
Posts: 4162
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries » Wed Jul 08, 2009 2:38 pm

To make you videos auto play in the extenion you have to add this to the end of link &autoplay=1
Example with autoplay
http://www.youtube.com/watch?v=V-fQ32qz4d0&autoplay=1
Example without
http://www.youtube.com/watch?v=V-fQ32qz4d0

Ignore this this only works in the youtube extension sorry

Post Reply

Who is online

Users browsing this forum: No registered users and 7 guests