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 Vimeo Flash Player Component 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 Insert Vimeo in HTML 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 videovimeo custom skin color. 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 Put Video on Web Page. 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 Youtube Video in Hotmail videos now!

* An option to add watermark over the video is added vimeo custom skin color (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 Myspace Video Blogspot will be automatically added to your website gallery.

Vimeo Custom Skin Color

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 Embed SWF into Flash 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 Vimeo Custom Skin Color.

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 Insert Matcafe HTML 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 vimeo custom skin color will be placed on the server. Notice that you should specify this field; otherwise your website video gallery Lightbox Video And Images 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 Creator movie (inside the BODY tag).

Embed Youtube Video Keynote vimeo custom skin color<head>
...
  <!-- Start VideoToWebsite HEAD section -->
   .....
  <!-- End VideoToWebsite HEAD section -->
... </head>
<body>
...
  <!-- Start VideoToWebsite BODY section -->
  .....
  <!-- End VideoToWebsite BODY section -->
...</body>

  Phpbb Vimeo  Facebook Video On Blogger  Internet Explorer Vimeo Embedded Problem  Embedding Vimeo Channel In Fbml Page  Include Vimeo Player On Website  Embed Vimeo Video Joomla  Vimeo Statistics Load Video  Facebook Video High Quality  Vimeo Player Round Edges Customization  Does Vimeo Work With Drupal

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).


Blog

Tutorials

Custom Shapes in Color - Final Cut Help : Apple Color Video Custom Shapes in Color - Final Cut Help : Apple Color Video Tutorial Training by Richard Harrington - In this Apple Color tutorial Richard Harrington and guest Robbie
Change You Lip/Eye Color with GIMP - Tutorial - Video One of our more simple tutorials.How to change your lip and eye color with GIMP, a basic free alternative to PhotoShop.Download GIMP here:http://. Watch Video about
Adobe - tutorial : Modifying skins You now have a custom skin SWF file ready to use with From the Video grouping in the Components panel allow you to quickly change the background color of the skin
  Vimeo Button For Website  Vimeo Html5 Embedding  Meidawiki Vimeo Embedded  Blay By Link Flv Facebook Wiki  How To Put Vimeo On Facebook  Video File Share Facebook Html Code  Embedding Flash In Facebook Stream  Vbulletin Embedding Vimeo Videos  Http Facebookcheat Info  Drupal Enbedding Facebook Video Apture  Vimeo Embedding Code Html5  Vimeo Embed Hide Like Button  Autoplay Parameter Facebook Video  Wordpress Plugin Video Player Vimeo Quality  How To Embed Vimeo Cargo  Vimeo Ipad Embed  How To Embed Facebook Videos Phpbb3  Embed Vimeo Video In Ebay Listing  Embed Youtube Facebook Video Page  Using Vimeo For Professional Website
Photoshop: Smooth Skin video tutorial | GraphicTutorials.net This photoshop tutorials covers some tips on how to tweak skin color and tones for the look and blemishes, acne, and pimples. The next video will be regarding a custom CS5
Creating Custom Video Controller Skins for the Flash Video using Flash 8 and use the custom skin instead. This article shows you how to set up a skin file, and use it with the Flash Video To make the most of this tutorial, you
Skinning Tutorials, Video, Create your own DotNetNuke skin, DNN Skins and Skinning video tutorials. Web Design How to Add Tokens to the Skin; Video 5 - Setting Background Colors for Video 4 - How to Create Custom Styles; Video 5
Recording Actions - Photoshop Video Tutorial | TOTAL TRAINING Free Adobe Photoshop CS video tutorials from Total Training powered Color Control Points, placed directly on colors or objects in an image (such as sky, skin
Coloring Tutorial: How to use Prismacolor marker- skin color This is the second video in continuation of coloring a cartoon drawing using prismacolor markers. It demonstrates the correct blending of colors using the markers.
Good-Tutorials - Photoshop: Photoshop Elements Video: Custom In this Photoshop Elements 7 video, learn how to add selective color and also customize the black-and-white areas of a photo.
Good-Tutorials - Photoshop: Photoshop Elements Video: Custom In this Photoshop Elements 7 video, learn how to add selective color and also customize the black-and-white areas of a photo.
Free skins for Winamp 5 & Media Player 10 | Domen Lo * Surreal 2007 black blend blur brush change choose click color colors colour contrast ctrl janja smid layer lombergar mask mode noise nom3 opacity photo photos photoshop tutorial photoshop video
Coloring Tutorial: How to use Prismacolor marker- skin color This is the second video in continuation of coloring a cartoon drawing using prismacolor markers. It demonstrates the correct blending of colors using the markers.
Photoshop Tutorial This Photoshop tutorial focuses on coloring the skin of your character. Later tutorials will cover eyes, hair, and Photoshop Custom Shapes; Halloween Photoshop Tutorial
Creating Custom Video Controller Skins for the Flash Video using Flash 8 and use the custom skin instead. This article shows you how to set up a skin file, and use it with the Flash Video To make the most of this tutorial, you
Coloring Tutorial: How to use Prismacolor marker- skin color This is the second video in continuation of coloring a cartoon drawing using prismacolor markers. It demonstrates the correct blending of colors using the markers.
Pretty Pressings: Copic Coloring Tutorial Part 1 Copic Coloration Tutorial (fuer Hautfarbe / for skin) Hier auf dem Foto sehen Sie Copic Sketch Marker in den Farben E00 SkinWhite, E000 Pale Fruit Pink, 0 und R20 Blush
Pinnacle - Black DNN Skin Pack Pinnacle skin pack included path of Video tutorial How to create custom color of Pinnacle skin.
Photoshop Tutorial This Photoshop tutorial focuses on coloring the skin of your character. Later tutorials will cover eyes, hair, and Photoshop Custom Shapes; Halloween Photoshop Tutorial
Sim-Antics2 Resources for Adults :. .: Object Re-color The Sims and The Sims 2 Downloads, Objects, Skins, Sets, tutorials, cheats for adults
Change eye color in photoshop tutorial. | DigitalPixels.net Fashion White Skin (video tutorial flyers any custom design - Open new document 2020cm Improve the Sharpening and Color of a Photo in photoshop video tutorial
Building a Custom Flash Video Player Part 1: The Basic Flash, Dreamweaver, Fireworks, ColdFusion, Freehand and Studio MX tutorials, articles and extensions.
Recording Actions - Photoshop Video Tutorial | TOTAL TRAINING Free Adobe Photoshop CS video tutorials from Total Training powered Color Control Points, placed directly on colors or objects in an image (such as sky, skin
Flash Components - Audio & Video - Black Finish FLV Skin This is a custom made skin for Adobe Flash FLV Playback Comes in 4 colors: blue,green,magenta,yellow, (please is it possible to add a link to the video thumbnails
Skinning Tutorials, Video, Create your own DotNetNuke skin, DNN Skins and Skinning video tutorials. Web Design How to Add Tokens to the Skin; Video 5 - Setting Background Colors for Video 4 - How to Create Custom Styles; Video 5
Photoshop Tutorial: Removing Red Skin Tones - Associated Content This Photoshop tutorial will show you how to remove reddish hues and color casts from skin tones. The removing red skin tones video tutorial has stopped
YouTube - Copic Tutorial--Coloring Skin Copic Tutorial by Suzanne Dean showing colors for skin and coloring of image Great video, thank you! Would you mind sharing what kind of
Pinnacle - Black DNN Skin Pack Pinnacle skin pack included path of Video tutorial How to create custom color of Pinnacle skin.
Coloring Tutorial: How to use Prismacolor marker- skin color This is the second video in continuation of coloring a cartoon drawing using prismacolor markers. It demonstrates the correct blending of colors using the markers.
Setting the Skin Tone of a Portrait | GraphicTutorials.net This photoshop tutorials covers some tips on how to tweak skin color and tones for the look and blemishes, acne, and pimples. The next video will be regarding a custom
Skinning the ActionScript 3 FLVPlayback component | Adobe Creating a custom video player skin. As you've seen in the examples we described at the beginning of this tutorial, using the Select Skin dialog box and the skin SWF jQuery Video Player | HTML Video | jQuery Video | HTML5 Menu | CSS Buttons
more