Put video on your website with stylish popup video effect ! Now for Windows and Mac!

VideoToWebsite is a free wizard program that helps you easily add Drupal Lightbox2 Video Tutorial video to website, web page or blog, in a few clicks without writing a single line of code.

All it takes is 3 easy steps: 1.Add Video, 2.Select Template, 3.Publish. At the first step, you add a Embed Facebook Gallery In Blogger video clip, for example cut-n-paste YouTube url, then select the template for video popup and video thumbnail appearance and, at the final step, publish the result to a local drive or directly to the Internet via a built-in FTP client.

VideoToWebsite generates a nice image thumbnail for your clip. On click, this thumbnail expands into a stylish overlay window containing the videoshadowbox to play vimeo tutorail. No css, html, javascript coding, no image editing, just a couple of clicks to get the your video added to the Web!


DEMO

New Cloud, Dark Glass, Windows, Mac and Facebook templates!

Cloud Template Dark Glass Template

Mac Template Windows Template Facebook Template

Features

Download for Windows



Download for MAC

VideoToWebsite is FREE for non-commercial use.

A license fee is required for the use on commercial site. VideoToWebsite Business Edition additionally provides an option to remove the VideoToWebsite credit line as well as a feature to put your own watermark to videos Add Streaming Video to Website. After you complete the payment via the secure form, you will receive a license key instantly by email that turns the VideoToWebsite Free Edition into a Business one. You can select the most suitable payment method: credit card, bank transfer, check, PayPal etc.
Also you can get Business Edition for free if you help with translating VideoToWebsite site into your native language, please contact us at for more info.

What's New

Video LightBox v1.8 (March 25, 2010)

* New Cloud and Dark Glass templates!

Cloud Template Dark Glass Template

* The option to specify the number of columns in your video gallery.

* Overlay shadow color and page background color.

* You can save thumbnails in PNG or JPG format and specify the quality of the generated images now.

Video LightBox v1.6 (February 19, 2009)

* The generated code is fully XHTML compliant now.

* The bug with incorrect position of the content video inside the frame is fixed.

Video LightBox v1.5 (December 22, 2009)

* Video LightBox supports flv, mp4, 3gp local video files now! See List of codecs supported by Adobe Flash Player

VideoToWebsite v1.3 (December 20, 2009)

* New Windows, Mac and Facebook templates!

* Play button over the thumbnail!

* The ability to change the order of the videos in your gallery using mouse is added.

VideoToWebsite for MAC earns Apple 'Staff Pick' (August 19, 2009)

Apple Staff Pick

VideoToWebsite MAC version beta (August 17, 2009)

* MAC version of VideoToWebsite is added. Download it here

VideoToWebsite v1.2 (August 14, 2009)

* VideoToWebsite supports Google Video, Metacafe, Vimeo, MySpace Vimeo Blogspot videos now!

* An option to add watermark over the video is added shadowbox to play vimeo tutorail (for Business Edition only).

Watermark

Help

Step 1 - Adding video to website gallery .

Copy and paste a direct link to your YouTube video (or Google Video, Metacafe, Vimeo, MySpace) into the 'Video url' field and press "Add video" button.This video How to Add A Video to A Website will be automatically added to your website gallery.

Shadowbox To Play Vimeo Tutorail

If you have included the videos that you do not wish to be in the website gallery,you can easily remove them. Select all videos that you wish to remove from web site Myspace Video Generator gallery,and select 'Delete selected..' button from the toolbar. You can pick and choose videos byholding the CTRL while clicking the videos you like.

Step 2 - Video Gallery properties.

Switch between available templates to select a template you want to use in the Shadowbox To Play Vimeo Tutorail.

Control the quality of output thumbnail images by defining "Thumbnail quality" parameter (0%-100%).
You can establish the various sizes for the thumbnails.

Step 3 - Publishing of the VideoToWebsite. Put video on website or local drive.

Publish your website web gallery online or to a local drive.

Now you are ready to publish your website video gallery online or to a local drive for testing.Select the publishing method: publish to folder or publish to FTP server.




  • publish to folder. To select a folder on your hard drive, just click the Browse folders button and choose a location. Then click Ok. You can also set "Open web page after publishing" option.
  • publish to FTP server. The FTP Location Manager window enables you to define a number of connections for use when uploading your web site gallery to an FTP.

You are able to add a new FTP site by clicking "Edit" to the right of the "Publish to FTP server" drop down list. FTP Location Manager window will appear. Now type in a meaningful (this is not the actual hostname) name for your site and fill in the FTP details in the appropriate fields. You will have to type in your hostname, e.g. domain. The FTP port is normally located on port 21 thus this has been prefilled for you already. If your web site uses another port, you will have to enter it here.

Type in your username and password for the connection. If you do not fill in this information, VideoToWebsite is unable to connect to your site and thus not able to upload your jQuery Video Player Lightbox videos to website. If this website enables anonymous connections, just type in anonymous as the username and your e-mail address as the password.

You might want to change the Directory as well if you need to have your uploaded images placed in e.g. "www/gallery/". You can specify it in the FTP Folder field on the Publish Gallery window.

Notice: Write the name of the folder where your website video shadowbox to play vimeo tutorail will be placed on the server. Notice that you should specify this field; otherwise your website video gallery Putting Matcafe Video will be uploaded into the root folder of your server!

Save your web video gallery as project file.

When you exit VideoToWebsite, you'll be asked if you want to save your project.The project consists of the videos you choose to put on your website video gallery and all your settings.It's a good idea to save the project, because that will allow you to change the project in case you decideto do something different with future galleries. So click Yes, then enter a name for your project.To select the location of your project, just click the Browse folders button and choose a different location. Then click Save.

Step 4 - Add VideoToWebsite inside your own page.

VideoToWebsite generates a special code. You can paste it in any place on your page whereyou want to add video popup.

    * Export your LightBox gallery using VideoToWebsite app in any test folder on a local drive.
    * Open the generated index.html file in any text editor.
    * Copy all code for VideoToWebsite from the HEAD and BODY tags and paste it on your page in the HEAD tagand in the place where you want to have a Video HTML Embedding movie (inside the BODY tag).

Putting Vimeo Vids On Our Website shadowbox to play vimeo tutorail<head>
...
  <!-- Start VideoToWebsite HEAD section -->
   .....
  <!-- End VideoToWebsite HEAD section -->
... </head>
<body>
...
  <!-- Start VideoToWebsite BODY section -->
  .....
  <!-- End VideoToWebsite BODY section -->
...</body>

  Vimeo Display Standard  Embed Myspace Shows On Website  Vimeo Embed Sample  Vimeo Link To Myspace  Embed Vimeo Video Joomla  Integrate Vimeo Into Website  Embed Vimeo Using Tubepress  Gmail Youtube Preview Vimeo  Vimeo Email Upload Tags  Vimeo Drupal 6

Support

For troubleshooting, feature requests, and general help, contact Customer Support at .
Make sure to include details on your browser, operating system, VideoToWebsite version, and a link (or relevant code).


Tutorials

Inspirational Tips, Techniques & Tutorials: Shadow Box from Shadow Box from Packing Material Video Tutorial 11/01 - 11/08 (3) Nestabilities Chrysanthemum; Dimensional Paper Piecing / Paper Tole
Inspirational Tips, Techniques & Tutorials: Shadow Box from Shadow Box from Packing Material Video Tutorial 11/01 - 11/08 (3) Nestabilities Chrysanthemum; Dimensional Paper Piecing / Paper Tole
Free Demo Lessons | Play Piano King Havent posted in awhile so I figure I would play something for you while Im working on the next tutorial video. sheet music knowledge is not necessary with my video
  How To Embed Vimeo Indesign Pdf  Vimeo Private Hosting  Embedding Vimeo Movies In Html  Myspace Insert Player Into Forums  Vimeo Player On Iphone Website  Background Image For Vimeo Hubnut  Embedding Vimeo In Edublogs  Tumblr Vimeo Upload Widget  Vimeo Forums Template  Cool Vimeo Hubnut Implementations  Remove Vimeo End Outro Api  Can I Embed Vimeo Into Gmail  Embedding Youtube Video In Facebook Invites  Vimeoplayer As  Vimeo Website Button  Embed Facebook Video Download  Resizing Html Widget Vimeo To Iweb  Ideal Coaching Squirrel Video Facebook English  Posterous Embed Vimeo Fullscreen  Embed Myspace Video In Phpbb3
Realmac Software / Shadowbox Take2 - Tutorial & Screencast I can see the Shadowbox and it shows a play icon but when I click on it just goes fine using Collage that links to a Shadowbox'ed QT video. Thanks for this great tutorial
My Crafty Life : Video Tutorial - Creating Paper Piecing Files Video Tutorial - Creating Paper Piecing Files from a Another useful tutorial, Dan. I primarily use Adobe Clown Shadow Box and David the Clown; Freebie #46
Shadowbox screencast with RapidWeaver - tutorial | SupportCasts Another lightbox clone , ShadowBox that also handles video too. Then you should be able to play it description on how to get ShadowBox working in RapidWeaver (tutorial
Sonic Unleashed: Playthrough - Part 1 - Game Playthrough - Part 1 - Part 1 - Meet Chip / Tutorial stage / City / Entrance Stage
Sonic Unleashed: Playthrough - Part 1 - Game Playthrough - Part 1 - Part 1 - Meet Chip / Tutorial stage / City / Entrance Stage
Tutorials | Hector Aranda Web Worx Tutorial: Shadowbox From Flash and Flash video. Additional media supported by Shadowbox By default Shadowbox 3 displays its close, next, previous, pause, and play
YUDOmagic - Magic Videos - Share and Learn Street Magic, Card Video Type: Performance | Language: French. by splitter "a live video in paris" Recent Tutorial Videos
How to make a shadow box frame simple method tutorial on Yahoo Play/Pause Video; Seek Reverse; Seek Forward; Replay Video normal picture frame (any frame) into a shadow box for dummies - even I can do it. Follow this tutorial.
How to make a diorama tutorial Short Diorama Tutorials. How to Make realistic tufts of How to make a video game. Make a cardboard Samurai How to make a fantasy shadowbox . How to Play Classical guitar
Jen Lowe Designs: Star book tutorial (Bind-it-all and Scor-It) Well, I am going to try to do a tutorial on the star books Whenever someone asks me what I do, I say, "I play!!!" UTEE, EP, PPs in glass ornaments; Video: Nesting
Java Tutorial: Playing Video and Other Media with the Java Media In this tutorial, we show how to play video and other media with the Java Media Framework. This tutorial is intended for students and developers who are familiar with
How to make a diorama tutorial Short Diorama Tutorials. How to Make realistic tufts of How to make a video game. Make a cardboard Samurai How to make a fantasy shadowbox . How to Play Classical guitar
How to make a shadow box frame simple method tutorial on Yahoo Play/Pause Video; Seek Reverse; Seek Forward; Replay Video normal picture frame (any frame) into a shadow box for dummies - even I can do it. Follow this tutorial.
shadowbox: Crafts, Patterns & Tutorials - Craftster.org Browse shadowbox crafts, patterns and tutorials on Craftster.org, an online crafting community. Our forums can be accessed without membership.
Poker Tutorials - We Rank the Best Poker Tutorial Sites Poker tutorials - Result 1-20 of 38 listings of card rooms, how to guides, links, audio/video analyses, tests, reference articles, practice play
Significant Easy To Comprehend Blogging Video Tutorials Source: Significant Easy To Comprehend Blogging Video Tutorials admin Exploring the Benefits of Pretend and Dramatic Play in Chil
My Crafty Life : Video Tutorial - Creating Paper Piecing Files Video Tutorial - Creating Paper Piecing Files from a Another useful tutorial, Dan. I primarily use Adobe Clown Shadow Box and David the Clown; Freebie #46
Lightbox for Images and Video in Joomla Tutorial You can play any type of video file as long as your browser can For more help and a tutorial video please visit YOOtheme. use this to show a contact form in the shadow box..
beginner-web-design-tutorials | blog HTML and CSS video tutorials; Flash Tutorial; PHP Video Tutorials; MySQL Video Tutorials 8 Free Online Flash Games to Play and Share ; Weekly 3D Modelling Challenge
How to make a shadow box frame simple method tutorial on Yahoo Play/Pause Video; Seek Reverse; Seek Forward; Replay Video normal picture frame (any frame) into a shadow box for dummies - even I can do it. Follow this tutorial.
Jen Lowe Designs: Star book tutorial (Bind-it-all and Scor-It) Well, I am going to try to do a tutorial on the star books Whenever someone asks me what I do, I say, "I play!!!" UTEE, EP, PPs in glass ornaments; Video: Nesting
Geekatplay Studio. tutorials: Vue, Hexagon, Photoshop, Modo In this series of tutorials we closely examine one of the most talked about Gary Miller brings another dimension to your Vue skill set with new video tutorials
SMASHBOX Review & Tutorial =] - YouTube - Truveo Video Search This video is provided and hosted from a third party Urban Decay Deluxe Shadow Box Tutorial: Ransom & Fishnet Modern Warfare 2 Tutorial: How to play LAN
Poker Tutorials - We Rank the Best Poker Tutorial Sites Poker tutorials - Result 1-20 of 38 listings of card rooms, how to guides, links, audio/video analyses, tests, reference articles, practice play
shadowbox: Crafts, Patterns & Tutorials - Craftster.org Browse shadowbox crafts, patterns and tutorials on Craftster.org, an online crafting community. Our forums can be accessed without membership.
Geekatplay Studio. tutorials: Vue, Hexagon, Photoshop, Modo In this series of tutorials we closely examine one of the most talked about Gary Miller brings another dimension to your Vue skill set with new video tutorials
Free Demo Lessons | Play Piano King Havent posted in awhile so I figure I would play something for you while Im working on the next tutorial video. sheet music knowledge is not necessary with my video HTML Video Embed | jQuery Video Player | HTML Video Embed | jQuery Video | Web Photo Gallery
more

Blogs

iWeb Tip #19 – Shadowbox in iWeb | iWebUnlimited.com

This effect works with many other video services like Vimeo, Google Video, Yahoo Video, etc. For those sites you don't need to alter the code like the YouTube, simply make a graphical representation for them and link them to an external ..... In iWeb, Im publishing my site using mobile me.. so would set up my site like the way the tutorial says with the links, then I would go to the HTML file on my iDisk and edit it and add the Shadowbox code.. but it doesnt seem to work

Wordpress Video Galleries with NextGen and jQuery | Peter

It opened the thickbox overlay with the image I had insterted the video url. The problem is that the video does not play, actually it just becomes and empty box. So what am I supposed to do to get this to actually play? ... After the shadowbox opened it was redirecting to the vimeo website. I resolved the issue by using part of the embed url instead of the actual url to the video. eg. http://vimeo.com/moogaloop.swf?clip_id=video id number here. Works great! Thanks again

Web 2.o and Social Media in Education

More people are spending a greater percentage of their time, in work and play, relying more on information and functions provided by Web services, and even interacting with their communities and creating new communities

Building Campaign Monitor Part I - ExpressionEngine Weblogs | Blog

The screencasts themselves are hosted on Vimeo, and are presented in an Apple-esque style Shadowbox window. Shadowbox has built in support for Vimeo, so all that was needed to be done was to pass in the clip ID and a couple of other variables and we were .... Delighted to see this tutorial series. It is really good of you guys to document such a major EE site build so well. Much appreciated! :) I've recently started looking into EE after heading so many raving about it

Realmac Software | Shadowbox + Youtube....is it possible?

The video plays full screen, and the videos look really pixelated. I tried to do “Shadowbx [425 344] “ (like in your mediabox screencast) to make it size smaller, but it doesnt work. Am i missing something? ... I´m using Shadowbox like in the SupportCasts.com tutorial. How can I embed a Vimeo Video? Please help. THX Mani with Rapidweaver 4.2.1. Signature. I think the world would be a much happier and safer place without IE ... Emberapp Gallery · Follow me on Twitter

Recent Comments & Questions July 10, 2010

Love the shadow box and the tutorial. Honestly, I can see the problem with trying to glaze that baby -- too many directions and not a lot of room to work. That must have been tricky. Love the tutorial and I think I might actually be

Come Creare Una Video Gallery Sul Tuo Blog o Sito

Creare video gallery in una pagina di un blog, sul modello delle gallerie di immagini, con immagini di anteprima che, una volta cliccate, con l'effetto Lightbox ( o ShadowBox) fanno apparire in primo piano il video da riprodurre .. ... Di seguito degli esempi delle tipologie di thumbnails e player utilizzati : THUMBNAILS. video lightbox thumbnails. PLAYERS. players video lightbox. Per avere un'idea: DEMO. Ecco un semplice video tutorial che spiega come utilizzare Video

Shadowbox: ventanas modales multimedia | Ciudad Blogger - Trucos y

Vimeo. Vimeo ... 197 comentarios: Coloush +16 dijo... Potro no entiendo, en el comienzo cuando pide URL del Archivo.css y URL del archivo.js no se que URL debo poner, ya que en el programa me aparecen 6 imagenes: play, next, close, loading, pause y previous. 26 de abril de 2010 08:31 · Coloush +16 dijo... A Dropbox ya lo tengo

Building Campaign Monitor Part I - ExpressionEngine Weblogs | Blog

The screencasts themselves are hosted on Vimeo, and are presented in an Apple-esque style Shadowbox window. Shadowbox has built in support for Vimeo, so all that was needed to be done was to pass in the clip ID and a couple of other variables and we were .... Delighted to see this tutorial series. It is really good of you guys to document such a major EE site build so well. Much appreciated! :) I've recently started looking into EE after heading so many raving about it

Web 2.o and Social Media in Education

More people are spending a greater percentage of their time, in work and play, relying more on information and functions provided by Web services, and even interacting with their communities and creating new communities

Shadowbox: ventanas modales multimedia | Ciudad Blogger - Trucos y

Vimeo. Vimeo ... 197 comentarios: Coloush +16 dijo... Potro no entiendo, en el comienzo cuando pide URL del Archivo.css y URL del archivo.js no se que URL debo poner, ya que en el programa me aparecen 6 imagenes: play, next, close, loading, pause y previous. 26 de abril de 2010 08:31 · Coloush +16 dijo... A Dropbox ya lo tengo

Grid masking: video tutorial — kristarella.com

My first video tutorial. In this tutorial I create the following image while demonstrating rounded rectangles and tiled clones in Inkscape, as well as text, masks, pasting into masks, and some shortcuts in GIMP. It's taken me. ... Update 15 th September 2009: In an effort to reduce memory I'm currently occupying with my hosting service I've uploaded the video to Vimeo. Constructive feedback is most welcome! (Next time I'll use a different codec when recording,

Video Tutorial: Post Thumbnail, Image Cropping and Video Embeds in

Now, you can merely paste the link to the YouTube or Vimeo video into the post, and WordPress will generate the embed code for the video on the fly. I am using it on this post to embed all of the Vimeo videos. Pretty neat, eh? ... Shadowbox can be tricky to work with, because you have to run it in stand alone mode. We prefer Fancybox, and it works right outta the box with our themes. Hope that helps, Thad. Tek Düzen Muhasebe. wordpress 2,9 wonderful

Viewport: A Free Wordpress Theme | paulicio.us

I'll try and get a video tutorial for adding video, however the theme doesn't have support for embedding videos from Youtube etc, only for raw flash video files that you upload. @Winni - Many thanks for this, I'm sure a lot of ..... Do you have any idea how I could set a flv video to have a image on default so before clicking to play there is an image still, rather than just black. I am assuming it has to do with the way WP handle's it's video media. Anything helps

Using the Vimeo API to create a badge for your blog | Papermashup.com

Is it possible to alter this script so that the video files will play in shadowbox instead of linking out to the vimeo site?? Thanks. 2 June 2009 at 3:47 pm. Ashley. @john im sure there must be a way, you'd need to firstly grab the vimeo video embed code, and see if the video id is passed through json, pick it up and pass it through to the embed code in a lightbox, I may look into it as a future tutorial. :). 2 June 2009 at 8:32 pm

Viewport: A Free Wordpress Theme | paulicio.us

I'll try and get a video tutorial for adding video, however the theme doesn't have support for embedding videos from Youtube etc, only for raw flash video files that you upload. @Winni - Many thanks for this, I'm sure a lot of ..... Do you have any idea how I could set a flv video to have a image on default so before clicking to play there is an image still, rather than just black. I am assuming it has to do with the way WP handle's it's video media. Anything helps

iWeb Tip #19 – Shadowbox in iWeb

Also included with the iWeb version of shadowbox that I have made is a JW FLV Player. It also can be used for free for non-commercial websites. If you use the JW FLV Player to play flv files for commercial purposes you must purchase a

Come Creare Una Video Gallery Sul Tuo Blog o Sito

Creare video gallery in una pagina di un blog, sul modello delle gallerie di immagini, con immagini di anteprima che, una volta cliccate, con l'effetto Lightbox ( o ShadowBox) fanno apparire in primo piano il video da riprodurre .. ... Di seguito degli esempi delle tipologie di thumbnails e player utilizzati : THUMBNAILS. video lightbox thumbnails. PLAYERS. players video lightbox. Per avere un'idea: DEMO. Ecco un semplice video tutorial che spiega come utilizzare Video

more

Videos

more