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 HTML Video Viewer 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 Capture Flash Video From Web 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 Matcafe to Blogger. 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 Embed FLV File into HTML 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 Embed Widescreen Vimeo 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 HTML Play Video 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 SWFobject Externalinterface 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 Psd to HTML 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 SWFobject Movie Not Loaded movie (inside the BODY tag).

Wordpress Vimeo Scale 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>

  Embedding Facebook Video In Website  Vimeo Hd Change Url  Vimeo Embed Html5 Player  Facebook Hd Video Embed  Vimeo Password Protect Embedded Videos  Embed Vimeo Custom Code  Place Vimeo Movie Inside Flash  Put Jquery In Myspace  Vimeo For Ebay  Embed Vimeo Blogger

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

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
Sonic Unleashed: Playthrough - Part 1 - Game Playthrough - Part 1 - Part 1 - Meet Chip / Tutorial stage / City / Entrance Stage
This art that makes me happy: Vintage shadow box tutorial This is my first attemp at posting a video tutorial , so bare with me here. If I get it figured out , I'll be able to do more. ** NOTE** I have my auto play turned off on
  Embedding A Vimeo Video In Powerpoint  Vimeo Eembed Customizer  Share Does Not Embed Facebook  Jwplayer Rtmpe Myspace  Download Hq Video Facebook  Download Private Facebook Video  Vimeo Select Thumbnail  Vimeo Api Private Videos  Vimeo Video Code Myspace  Embed Vimeo Gallery On Blog  Embed Live Video Myspace  Embed Vimeo To Play On Ipad  Embed Vimeo Video In Gmail  Embedded Vimeo Muted  Integrating Facebook Video With Vbulletin  Myspace Video Phpbb  Upload Facebook Video Widescreen  Video Overlay Facebook Tab  Vimeo On Ebay  Small Vimeo Play Button Position
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
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
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
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.
Shadowbox.js Shadowbox uses a smart plugin detection mechanism behind the scenes that can spare your all of the web's most popular movie formats including QuickTime, Flash video, and
This art that makes me happy: Vintage shadow box tutorial This is my first attemp at posting a video tutorial , so bare with me here. If I get it figured out , I'll be able to do more. ** NOTE** I have my auto play turned off on
This art that makes me happy: Vintage shadow box tutorial This is my first attemp at posting a video tutorial , so bare with me here. If I get it figured out , I'll be able to do more. ** NOTE** I have my auto play turned off on
Apple - Find Out How - Mac Basics Click to Play &gt; Browse all video tutorials
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
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
XoaX.net: C++ Video Tutorials 2010 Full And These video tutorials show you how to draw OpenGL graphics in applications written using Play Poker Like The Pros Windows 7 Ultimate x86 x6 Essentials of Genetics
Sonic Unleashed: Playthrough - Part 1 - Game Playthrough - Part 1 - Part 1 - Meet Chip / Tutorial stage / City / Entrance Stage
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
YUDOmagic - Magic Videos - Share and Learn Street Magic, Card Video Type: Performance | Language: French. by splitter "a live video in paris" Recent Tutorial Videos
Miniatures - A Fantasy World you can create. This tutorial, which includes a video, shows you types of foam, good and bad foam, the How to make a fantasy shadowbox; How to Play Classical guitar; Fantasy Art Lessons
Shadowbox.js Shadowbox uses a smart plugin detection mechanism behind the scenes that can spare your all of the web's most popular movie formats including QuickTime, Flash video, and
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..
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 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.
This art that makes me happy: Vintage shadow box tutorial This is my first attemp at posting a video tutorial , so bare with me here. If I get it figured out , I'll be able to do more. ** NOTE** I have my auto play turned off on
Shadowbox.js Shadowbox uses a smart plugin detection mechanism behind the scenes that can spare your all of the web's most popular movie formats including QuickTime, Flash video, and
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
Kandalulite Video Encoder | iTechster It uses its own decoder to play the videos via a Quicktime plugin. For a Our video tutorial has been featured on Kandalu website: Kandalu Tutorials
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.
Special Featured Guitar Playing Video Tutorials - Kid Mercury's Don't know how to play guitar? Check out free guitar lessons at ActoGuitar.com. Special Featured Guitar Playing Video Tutorials
Special Featured Guitar Playing Video Tutorials - Kid Mercury's Don't know how to play guitar? Check out free guitar lessons at ActoGuitar.com. Special Featured Guitar Playing Video Tutorials
How to Start Boxing | eHow.com How to Make a Shoe Box Shadow Box; How to Outfit a Livestock Grooming Box play video How to Have A Good Relationship With In-Laws jQuery Video Player | HTML Video Embed | jQuery Video Player | HTML 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