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 Flash FLV HTML Code 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 Openx Compatible Vimeo 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 videobackground image for vimeo hubnut. 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 Best Way to Add 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 Change Embed Myspace Video Phpbb videos now!

* An option to add watermark over the video is added background image for vimeo hubnut (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 HTML Video Backgrounds will be automatically added to your website gallery.

Background Image For Vimeo Hubnut

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 Easy Web Vimeo 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 Background Image For Vimeo Hubnut.

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 Video Gallery jQuery 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 background image for vimeo hubnut will be placed on the server. Notice that you should specify this field; otherwise your website video gallery Embed Facebook Video into Email 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 Get Vimeo Mp4 Using Video Id movie (inside the BODY tag).

Lightbox to Play Video background image for vimeo hubnut<head>
...
  <!-- Start VideoToWebsite HEAD section -->
   .....
  <!-- End VideoToWebsite HEAD section -->
... </head>
<body>
...
  <!-- Start VideoToWebsite BODY section -->
  .....
  <!-- End VideoToWebsite BODY section -->
...</body>

  Post Vimeo Into Phpbb3 Forum  Autoplay Myspace Video 2010  Embed Video Into Vbulletin From Facebook  Vimeo Statistics Load Video  Embed Vimeo Joomla Insert Media  Free Gallery Vimeo  Embedding Video Into Myspace Design  Vimeo Password Protect Embedded Videos  Embed Hq Facebook Video  Embed Facebook Video In Html

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

CSS Tutorial - CSS Pedia - CSS Tips, Tutorial and Resource further and add hover states to our image map using a CSS background image Create Vimeo-Like Top Navigation. A tutorial to create a drop-down top navigation bar similar to
Matthew Stephens - United Kingdom - Email, Address, Phone number The preview of the displayed image is associated with Join The Leadership Hub today and Matthew Stephens Tutorial: Bayesian and Imputation-based Analyses of
Bannedstory Animation Tutorial Bannedstory Animation Tutorial 71 Third is to make the background.To get or make a background you can go to this link on the bottom of this hub.
  Vimeo Embed Hide Like Button  Vimeo On Ebay  Video Downloadhelper Vimeo Private  Vimeo Player In Blogspot  Embed Vimeo In Phpbbforum  Vimeo Embed Code Html 5  Vimeo Education Websites  Vimeo Plus And Softpress Freeway  Vimeo Select Thumbnail  Facebook Video Thumb Website  Embed A Vimeo Video In Keynote  Myspace Video To Wordpress  Wordpress Myspacevideo  Drupal Embed Facebook Video  Myspace Video Phpbb  Plugins Vimeo Para Jomtube  Vimeo Plus Payment Methods  Confluence Vimeo  Power Point Vimeo Video Options Mac  How To Embbed Hd Vimeo Videos
Matthew Stephens - United Kingdom - Email, Address, Phone number The preview of the displayed image is associated with Join The Leadership Hub today and Matthew Stephens Tutorial: Bayesian and Imputation-based Analyses of
Matthew Stephens - United Kingdom - Email, Address, Phone number The preview of the displayed image is associated with Join The Leadership Hub today and Matthew Stephens Tutorial: Bayesian and Imputation-based Analyses of
SmoothCam Tutorial on Canon 7D Footage on Vimeo Using SmoothCam I've been able to bypass lengthy Image This is a short tutorial covering the basics of the is missing your voice. Take five seconds to join Vimeo
Import Vimeo Hubnut video into my Flash graphic? - ActionScript Tutorials: Forums: Articles: Blogs: Movies: Library: Employment hubnut.swf?user_id=onlinecity&color=00adef&background I would like to have Vimeo Hubnut video inside the square
Create Vimeo-like top navigation <li>Welcome to <b>Create Vimeo-like top navigation</b> tutorial!</li> #menu > li {background:#172322 none repeat scroll simple and it is described in the image
Matthew Stephens - United Kingdom - Email, Address, Phone number The preview of the displayed image is associated with Join The Leadership Hub today and Matthew Stephens Tutorial: Bayesian and Imputation-based Analyses of
10+ Photoshop Advanced Video Tutorials by Vimeo: Part 1 Throughout this tutorial, well create some textures for background, manipulate a Adobe Photoshop, Image Effects, Text [ ] 10+ Photoshop Advanced Video Tutorials by Vimeo
Bannedstory Animation Tutorial Bannedstory Animation Tutorial 71 Third is to make the background.To get or make a background you can go to this link on the bottom of this hub.
Vimeo FAQ Tutorial: Vimeo HD exporting guides from many editors This is the default image that Vimeo uses as your avatar or You may also use the 'Hubnut' format in any of
Tutorial Embed Vimeo Videos on Your Facebook Fan Page A tutorial on how to embed Vimeo videos in your Facebook Fan Page using Static FBML want the video to autoplay after the user clicks the activation image
How to export and upload 2.35 video to Vimeo | Philip Bloom what you want then simply shift the image work as ever mate! Loved the tutorial, saved as a favorite on Vimeo, very the past where I had blown out white backgrounds
Flash Tutorial: Scrolling Game Background (Technology & Cars Flash Tutorial: Scrolling Game Background Create A 3D Image Ball On PV3D Book (Part 1)
monotremedreams.blogspot.com embed></object><br /><br /><object style="background-image:url always" /><param name="movie" value="http://vimeo was at the center of a huge empire and the hub of a
MySpace Layouts |MySpace Tutorials | MySpace Graphics | MySpace tutorials, myspace tutorials,mySpace graphics, mySpace layouts / backgrounds, mySpace MySpace Background Image; Position & Tiling Myspace Code Hub
Flash :: Import Transparent Graphic From Photoshop To Flash I would like to have Vimeo Hubnut video inside the to me or point me in a direction to a tutorial Anyone know how to make and image with a transparent background.
Macintosh News Placing a Background Image on a Book Page; Winning Shots in Scott he works on the road and using Aperture as the hub The back part of the version I uploaded to Vimeo
25 Great Photoshop Background Tutorial There are numerous Photoshop background tutorials Abstract Image. Whilst this tutorial is a little difficult taking the time to put this hub together. Different tutorials
The Definitive Guide to Vimeo at Bright Hub Searching for answers to your questions on Vimeo? Bright Hub offers use Compressor and DVD Studio Pro to get the highest image quality . Final Cut Pro Tutorial
Polysphere image plane « Wonder How To Polysphere image plane | Watch how to videos upload vlc media to vimeo.com; solve rubik's cube Use GIMP & the render flame tool to create backgrounds. In this tutorial
How to embed Vimeos HubNut widget | Miracle Tutorials "Video tutorials and articles on podcasting, videocasting width=400 height=300 data=http://vimeo.com/hubnut/?user_id=rudolfboogerman&color=00adef&background
Tutorial Embed Vimeo Videos on Your Facebook Fan Page A tutorial on how to embed Vimeo videos in your Facebook Fan Page using Static FBML want the video to autoplay after the user clicks the activation image
Adding Embed Video Code to an HTML Webpage Image on Vimeo Video The tutorial covers how to slice an image in Photoshop, combining slices Collected from vimeo.com Nov 22, 2009 with CS5 - Adding a new background to an image CS5videotuts
CSS Tutorial - CSS Pedia - CSS Tips, Tutorial and Resource further and add hover states to our image map using a CSS background image Create Vimeo-Like Top Navigation. A tutorial to create a drop-down top navigation bar similar to
HOW TO: Create Custom Twitter Backgrounds complex, or most visually appealing image in the world. Its that his background 12 Beginner Tutorials for Getting Sta HOW TO 10 blogs worldwide, Mashable is a hub
MySpace Layouts |MySpace Tutorials | MySpace Graphics | MySpace tutorials, myspace tutorials,mySpace graphics, mySpace layouts / backgrounds, mySpace MySpace Background Image; Position & Tiling Myspace Code Hub
Create a Stunning Website Demo Presentation | Aetuts+ Then i saw the website demo you made for HUB on will try to learn after Effects and use your tutorial. http://vimeo tutorial twice and I always notice that the image
25 Great Photoshop Background Tutorial There are numerous Photoshop background tutorials Abstract Image. Whilst this tutorial is a little difficult taking the time to put this hub together. Different tutorials HTML Video Embed | HTML Video | jQuery Video | HTML5 Menu | Web Photo Gallery
more

Blogs

Dabid Martinez » Apadrina un burro, nik bi!

vimeo.com/hubnut/?user_id=albisteak20&color=0dff00&background=ffffff&fullscreen=1&slideshow=0&stream=uploaded_videos&id=&amp

Sony HDR FX1 camcorder review | Miracle Tutorials

And as soon as I saw my first test, I was really amazed by the realistic colors of this camcorder and the razor sharp images, even in SD format (DV). It is said that it is difficult to set the focus with the FX1, but I did not find that ... You can see it best when only the background shows, You have to concentrate to be able to see it but I would like to avoid it, if I can. Software settings on the camcorder for this footage were: WB (white balance): Indoors (you should

Sony HDR FX1 camcorder review | Miracle Tutorials

And as soon as I saw my first test, I was really amazed by the realistic colors of this camcorder and the razor sharp images, even in SD format (DV). It is said that it is difficult to set the focus with the FX1, but I did not find that ... You can see it best when only the background shows, You have to concentrate to be able to see it but I would like to avoid it, if I can. Software settings on the camcorder for this footage were: WB (white balance): Indoors (you should

Post 1

vimeo.com/hubnut/?user_id=user812193&color=000000&background=9fc9ff&fullscreen=1&slideshow=1&stream=channel&id=20430&server=vimeo.comâ€

Vocal booth for podcasting | Miracle Tutorials

In a cabin boot, it is easier to set up a camcorder but the background looks a bit dorky with the foam and so on, therefore you might want to cover the foam with a green screen as a background which you can replace with something more interesting by using Vlog ... If you want to go for the real thing or you don't want to mess with building a booth yourself, below are some good quality vocal booths for sale. Click on the images to find out more about a particular booth

Create your own video channel - part 4/4 | Miracle Tutorials

In Joomla and some WordPress themes, logo images are often displayed as background images and therefore difficult to find out the details you need. We use a workaround for this which is explained in the video tutorial Branding your Joomla site in the member area ... How to make your video bigger without resizing 2 comment(s) | 7814 view(s); How to embed Vimeo's HubNut widget 2 comment(s) | 7687 view(s); How to add a logo watermark on your video 5 comment(s) | 7318 view(s)

TimedText and how to use it | Miracle Tutorials

This is meant for Closed Captions because someone with a hearing problem will not hear that crash, so you have to tell him, yet making a distinction between speech and background noise. ... make your video bigger without resizing 2 comment( s) | 7773 view(s); Recommended movie settings for YouTube (revision 2) 11 comment(s) | 7761 view(s); How to embed Vimeo's HubNut widget 2 comment(s) | 7624 view(s); How to add a logo watermark on your video 5 comment(s) | 7275 view(s)

Results of a Survey on branding | Miracle Tutorials

I created 3 logos, looking exactly the same, except for the background color. On the basis of those differences, I asked the readers to indicate which color belonged to which type. There were Top quality, mid range and free version. ... Every image had its own list and the respondents where not restricted to an unique answer per logo. Yet, it didn't happen often that the same value was allocated. The result was like I had it envisaged myself when I created the logos

VidLogo review: an application to burn mark logos on videos

Then you select your logo image, which you can scale and you can set the opacity. The compression options are adequate, you can set keyframe, bitrate and the audio can be set as well. Then you press Start and off it goes. Conversion is surprisingly fast, ... The only thing I found really disturbing while tinkering with the settings was that my hard drive was working like mad all the time, while there were no other apps running in the background. The boys from GeoVid might

How to make your video bigger without resizing | Miracle Tutorials

If you do not have the option to set the background color (depending on which application you work with), you can create an image of 480×360 pixels in the color of your choice and import that into your project. .... YouTube (revision 2) 11 comment(s) | 7868 view(s); How to make your video bigger without resizing 2 comment(s) | 7843 view(s); How to embed Vimeo's HubNut widget 2 comment(s) | 7714 view(s); How to add a logo watermark on your video 5 comment(s) | 7345 view(s)

more

Videos

more