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 Embedded Matcafe Video 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 SWFobject jQuery 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 videocustomize 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 Embed Facebook Video Hq. 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 Matcafe in Hq videos now!

* An option to add watermark over the video is added customize 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 Lightbox Video Overlay will be automatically added to your website gallery.

Customize 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 Vimeo How Long Hd Shows 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 Customize 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 Vbulletin Cms Vimeo 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 customize vimeo hubnut will be placed on the server. Notice that you should specify this field; otherwise your website video gallery HTML Video Imbed 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 Vimeo Embedded Clips movie (inside the BODY tag).

Video Con Efecto Lightbox customize vimeo hubnut<head>
...
  <!-- Start VideoToWebsite HEAD section -->
   .....
  <!-- End VideoToWebsite HEAD section -->
... </head>
<body>
...
  <!-- Start VideoToWebsite BODY section -->
  .....
  <!-- End VideoToWebsite BODY section -->
...</body>

  Blay By Link Flv Facebook Wiki  Video Vimeo On Blogspot  Facebook Private Viewer  Embedding Vimeo In Email  Tinymce Embed Vimeo  Vimeo Html5 Embedded  Play Viemo Video Automatic On Myspace  Insert Vimeo Into Html  Embed Vimeo Into Shadowbox  Youtube Or Vimeo For 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

Fanpage // Explore Thinkdiff.net contains tutorials, tips, tricks and add static fbml application in your fan page and customize fanpage using MiproApps from hasin hayder on Vimeo.
VG: VGT 24 Highlights compilation video Customize your VG experience once you sign up! League hub Activity 1v1 report Matches Standings 2v2 *edit thanks to wantandon for uploading it onto vimeo it
Youtube new layout « Wonder How To Welcome to the Cinematography World, the hub for This clip offers advice on how to customize the appearance Check out this informative video tutorial from Apple on
  Monthly Rate For Vimeo Plus  Vimeo Flash Player Component  Autoplay Embedded Facebook Video  Adding Vimeo To Ppt  Vimeo Player Vbulletin  Streetball Light On Vimeo  Embed Vimeo For Iphone Example  Facebook Video Email  Embed Html5 Vimeo Into Squarespace  How To Put Vimeo On Facebook  Facebook Html Head Section  Lightbox Embedded Vimeo  Myspace Videos With Good Quality  Embed Video Phpbb3 Vimeo  Vbulletin Cms Vimeo  Facebook Integration For Dreamweaver Script Download  Hq Facebook Thumbnails  Embed Myspace Video In Facebook Post  How To Insert Vimeo In Blogger  Create Link On Vimeo
Search http://hubpages.com/hub/How_to_Customize_your_MySpace_Layouts - PimpWebpage - MySpace Tutorials, MySpace Generators, and Mindspark properties: IWON | Vimeo | Life123 |
How to embed Vimeos Badge widget | Miracle Tutorials Miracle Tutorials To set it up, click Customize this, next to the See also: How to embed Vimeos HubNut widget. Topics: Blog
Apple Compressor - help setting h.264 settings? : Compression TUTORIALS: MAGAZINE: TRAINING: VIDEOS - REELS: PODCASTS to get stuff that will upload/look nice on Vimeo and So I'm just curious as to how I should customize these
Vimeo Basics Use Vimeo if you want the best tools and highest storage every week, and we provide easy tools to customize check the Help Center for general FAQ, video tutorials, and
Entertainment - Windows Vista features - Microsoft Windows Windows Vista transforms your PC into an entertainment hub where you can enjoy games, pictures, music, videos, and more.
Dashboard - 2320.001 - Langendorf Customize Deadline Deadlines Deborah Define Design Here it is (via Vimeo) . It's about 2 minutes long Cinema 4D Tutorials Ive been making some tutorials for
Youtube new layout « Wonder How To Welcome to the Cinematography World, the hub for This clip offers advice on how to customize the appearance Check out this informative video tutorial from Apple on
Video interviews Looking for video tutorials? Theyre now on their own page post and description Watch or embed video on Vimeo Socialbrite is a learning hub & sharing community that
Search http://hubpages.com/hub/How_to_Customize_your_MySpace_Layouts - PimpWebpage - MySpace Tutorials, MySpace Generators, and Mindspark properties: IWON | Vimeo | Life123 |
WebStarts Review of HubPages.com [Jul 8, 2010] Customize Brilliant Adobe Photoshop CS5 Tutorials From 2010 thumb A Clockwork Corn. 20 diggs; Submitted 1 day 4 hr ago; 0; vimeo ~ by daynejones88
Search Popular Links: Customize your Profile | Customize your Please look into my tutorial on how to access MySpace from http://hubpages.com/hub/UNBLOCK-MYSPACE-AT-SCHOOL -
Firmware | Konteudos Konteudoss Video Tutorial. Version 1.03 Now Available! USB Hub support; mounting of WDTV Optware package (if Vimeo windows Xp Youtube
DAM Tutorials | Digital Asset Management Workflow Tutorials <! Creative Digital Workflow Shows you how to customize and save the views inside of Management) Part 1 of 4 from Createasphere on Vimeo.
Vimeo Basics Use Vimeo if you want the best tools and highest storage every week, and we provide easy tools to customize check the Help Center for general FAQ, video tutorials, and
Maya Tutorial 04 | GSAPPonline 06 Animation Tutorial; 07 Mental Ray Tutorial; 3DS MAX Modify>Transformation Tools>Soft Modification), customize Do the same for the center hub. 11. Select both the
Wow! I'm Seriously Challenged. Custom LTF and Custom Chris Kind King about getting a custom buit, 9T LHD rear hub built Pigne.net, Twitter, Vimeo R.I.P Trimix----- BIKE CHECK pedal grind photo review street street bike turbo tutorial vert
WebStarts Review of HubPages.com [Jul 8, 2010] Customize Brilliant Adobe Photoshop CS5 Tutorials From 2010 thumb A Clockwork Corn. 20 diggs; Submitted 1 day 4 hr ago; 0; vimeo ~ by daynejones88
Technology Update: 8/3/08 - 8/10/08 | Stay Updated With expand Yahoo!'s existing opt-out program for customized Digg Firefox 3 Extension from Kevin Rose on Vimeo. Built-in tutorial resources (Guides, Videos) Library of
Search http://hubpages.com/hub/How_to_Customize_your_MySpace_Layouts - PimpWebpage - MySpace Tutorials, MySpace Generators, and Mindspark properties: IWON | Vimeo | Life123 |
Wow! I'm Seriously Challenged. Custom LTF and Custom Chris Kind King about getting a custom buit, 9T LHD rear hub built Pigne.net, Twitter, Vimeo R.I.P Trimix----- BIKE CHECK pedal grind photo review street street bike turbo tutorial vert
Utagoe Live 100 Unites Video Communication, Broadcasting and Tokyo-based Utagoe just launched it as a hub for the size and order of every window and also customize the ConsoleWarzone.com Dazzle DVC100 Xbox 360 Tutorial
online video sites - board messages report Investors Hub - Discussion Groups - 12: AnandTech - 12 Related Threads: Same Site | All Sites Customize: Another vote for Vimeo. Just to let you know, Pro
Entertainment - Windows Vista features - Microsoft Windows Windows Vista transforms your PC into an entertainment hub where you can enjoy games, pictures, music, videos, and more.
Zanby: Roll your own community | Socialbrite Zanby: Create your community from JD Lasica on Vimeo. Reader about Zanby and its potential as a customized Socialbrite is a learning hub & sharing community that
Tutorial-place.com - Tutorial Place Tutorial Place Tutorial Now.com ($1,495) Games Tutorial.com ($888) Stock Overall top posters; View New Content; Customize Skin In: [TUTORIAL] Adding Vimeo as By: Pu
flash video player talk The tutorial below will show you how to embed YouTube sharing sites, such as metacafe, dailymotion, vimeo Publish" at last, then you will get a totally customized
Maya Tutorial 04 | GSAPPonline 06 Animation Tutorial; 07 Mental Ray Tutorial; 3DS MAX Modify>Transformation Tools>Soft Modification), customize Do the same for the center hub. 11. Select both the HTML Video Embed | HTML5 Menu | CSS Buttons | HTML Popup Window | Web Photo Gallery
more

Blogs

COSTRAMA.. μ½”μŠ€νŠΈλΌλ§ˆ - μ—¬ν–‰μŠ€ν† λ¦¬ :: ν‹°μ—λ””μ…˜μ—μ„œ λ™μ˜μƒ λ°”λ‘œ

1) λ¨Όμ € Vimeo > Tools > Make Widget 으둜 μž…μž₯ν•©λ‹ˆλ‹€. 2) μ—¬λŸ¬κ°€μ§€ μœ„μ ― 쀑에 "Hubnut" 을 κ³ λ₯΄κ³  "customize this" λˆ„λ₯΄μ…”μ„œ μ›ν•˜μ‹œλŠ” λͺ¨μ–‘을 λ§Œλ“­λ‹ˆλ‹€. μžμ‹ μ΄ μ—…λ‘œλ“œν•œ λΉ„λ””μ˜€/λ‚΄κ°€ κ΅¬λ…ν•˜λŠ” λΉ„λ””μ˜€/λ‚΄κ°€ λ³΄λŠ” 채널/λ‚΄ 앨범/λ‚΄κ°€ μΆ”μ²œμ„ λˆ„λ₯Ό λΉ„λ””μ˜€

COSTRAMA.. μ½”μŠ€νŠΈλΌλ§ˆ - μ—¬ν–‰μŠ€ν† λ¦¬ :: ν‹°μ—λ””μ…˜μ—μ„œ λ™μ˜μƒ λ°”λ‘œ

1) λ¨Όμ € Vimeo > Tools > Make Widget 으둜 μž…μž₯ν•©λ‹ˆλ‹€. 2) μ—¬λŸ¬κ°€μ§€ μœ„μ ― 쀑에 "Hubnut" 을 κ³ λ₯΄κ³  "customize this" λˆ„λ₯΄μ…”μ„œ μ›ν•˜μ‹œλŠ” λͺ¨μ–‘을 λ§Œλ“­λ‹ˆλ‹€. μžμ‹ μ΄ μ—…λ‘œλ“œν•œ λΉ„λ””μ˜€/λ‚΄κ°€ κ΅¬λ…ν•˜λŠ” λΉ„λ””μ˜€/λ‚΄κ°€ λ³΄λŠ” 채널/λ‚΄ 앨범/λ‚΄κ°€ μΆ”μ²œμ„ λˆ„λ₯Ό λΉ„λ””μ˜€

How to embed videos from Vimeo on your site | Miracle Tutorials

Vimeo.com has 3 standard ways to display videos directly on your website or blog. In this article, I explain how to use the standard method, Embedding. ... Widget: HubNut - show an slider with several videos. Method 1 shows a single video on a page, although you can embed more then one video. Method 2 displays a range of thumbnails from the last videos you created. You can determine how many. Method 3 does the same as method 2, except in the form of a slider (static or

How to embed Vimeo's Badge widget

Once embedded on your site, just like the hubnut widget, when you change settings in Vimeo, the changes reflect on your pages immediately. Selecting and customizing your widget Go to www.vimeo.com and log into your account

Embedding Videos Into Your Website

I have been posting some of my videos to Vimeo for a while now, and ran across a widget that Vimeo offers call Hubnut. Basically it allows you to embed all or part of your videos, depending on the number any types of channels you have

How to embed Vimeo's HubNut widget | Miracle Tutorials

Selecting and customizing your widget. Go to www.vimeo.com and log into your account. At the top navigation on the right, select Tools, and then Make Widgets. Then you get to see 3 options: HubNut widget; Badge widget; OS X Dashboard

How to embed videos from Vimeo on your site | Miracle Tutorials

Vimeo.com has 3 standard ways to display videos directly on your website or blog. In this article, I explain how to use the standard method, Embedding. ... Widget: HubNut - show an slider with several videos. Method 1 shows a single video on a page, although you can embed more then one video. Method 2 displays a range of thumbnails from the last videos you created. You can determine how many. Method 3 does the same as method 2, except in the form of a slider (static or

Embedding Videos Into Your Website at DVinfo.net

I have been posting some of my videos to Vimeo for a while now, and ran across a widget that Vimeo offers call Hubnut. Basically it allows you to. ... I chose my front page, because it was basically a blank page. You can customize your widget, like changing the background color as I did to match the background of my page. Every time I open my site, it automatically connects the widget from Vimeo. What's really nice about it is, I'm using Vimeo's server and bandwidth

How to embed Vimeo's HubNut widget | Miracle Tutorials

Selecting and customizing your widget. Go to www.vimeo.com and log into your account. At the top navigation on the right, select Tools, and then Make Widgets. Then you get to see 3 options: HubNut widget; Badge widget; OS X Dashboard

SmashTech: Video Networking and Learning made easy with Vimeo

You can customize a widget for your blog, social network profile or anywhere else that supports embed code. When you upload a new video to Vimeo, your widget will update automatically. Following widgets are offered by Vimeo. 1.Hubnut

SmashTech: Video Networking and Learning made easy with Vimeo

You can customize a widget for your blog, social network profile or anywhere else that supports embed code. When you upload a new video to Vimeo, your widget will update automatically. Following widgets are offered by Vimeo. 1.Hubnut

Embedding Videos Into Your Website

I have been posting some of my videos to Vimeo for a while now, and ran across a widget that Vimeo offers call Hubnut. Basically it allows you to embed all or part of your videos, depending on the number any types of channels you have

SmashTech: Video Networking and Learning made easy with Vimeo

You can customize a widget for your blog, social network profile or anywhere else that supports embed code. When you upload a new video to Vimeo, your widget will update automatically. Following widgets are offered by Vimeo. 1.Hubnut

Embedding Videos Into Your Website at DVinfo.net

I have been posting some of my videos to Vimeo for a while now, and ran across a widget that Vimeo offers call Hubnut. Basically it allows you to. ... I chose my front page, because it was basically a blank page. You can customize your widget, like changing the background color as I did to match the background of my page. Every time I open my site, it automatically connects the widget from Vimeo. What's really nice about it is, I'm using Vimeo's server and bandwidth

How to embed Vimeo's HubNut widget | Miracle Tutorials

Selecting and customizing your widget. Go to www.vimeo.com and log into your account. At the top navigation on the right, select Tools, and then Make Widgets. Then you get to see 3 options: HubNut widget; Badge widget; OS X Dashboard

COSTRAMA.. μ½”μŠ€νŠΈλΌλ§ˆ - μ—¬ν–‰μŠ€ν† λ¦¬ :: ν‹°μ—λ””μ…˜μ—μ„œ λ™μ˜μƒ λ°”λ‘œ

1) λ¨Όμ € Vimeo > Tools > Make Widget 으둜 μž…μž₯ν•©λ‹ˆλ‹€. 2) μ—¬λŸ¬κ°€μ§€ μœ„μ ― 쀑에 "Hubnut" 을 κ³ λ₯΄κ³  "customize this" λˆ„λ₯΄μ…”μ„œ μ›ν•˜μ‹œλŠ” λͺ¨μ–‘을 λ§Œλ“­λ‹ˆλ‹€. μžμ‹ μ΄ μ—…λ‘œλ“œν•œ λΉ„λ””μ˜€/λ‚΄κ°€ κ΅¬λ…ν•˜λŠ” λΉ„λ””μ˜€/λ‚΄κ°€ λ³΄λŠ” 채널/λ‚΄ 앨범/λ‚΄κ°€ μΆ”μ²œμ„ λˆ„λ₯Ό λΉ„λ””μ˜€

Embedding Videos Into Your Website at DVinfo.net

I have been posting some of my videos to Vimeo for a while now, and ran across a widget that Vimeo offers call Hubnut. Basically it allows you to. ... I chose my front page, because it was basically a blank page. You can customize your widget, like changing the background color as I did to match the background of my page. Every time I open my site, it automatically connects the widget from Vimeo. What's really nice about it is, I'm using Vimeo's server and bandwidth

How to embed videos from Vimeo on your site | Miracle Tutorials

Vimeo.com has 3 standard ways to display videos directly on your website or blog. In this article, I explain how to use the standard method, Embedding. ... Widget: HubNut - show an slider with several videos. Method 1 shows a single video on a page, although you can embed more then one video. Method 2 displays a range of thumbnails from the last videos you created. You can determine how many. Method 3 does the same as method 2, except in the form of a slider (static or

How to embed Vimeo's Badge widget

Once embedded on your site, just like the hubnut widget, when you change settings in Vimeo, the changes reflect on your pages immediately. Selecting and customizing your widget Go to www.vimeo.com and log into your account

How to embed Vimeo's Badge widget

Once embedded on your site, just like the hubnut widget, when you change settings in Vimeo, the changes reflect on your pages immediately. Selecting and customizing your widget Go to www.vimeo.com and log into your account

Embedding Videos Into Your Website

I have been posting some of my videos to Vimeo for a while now, and ran across a widget that Vimeo offers call Hubnut. Basically it allows you to embed all or part of your videos, depending on the number any types of channels you have

more

Videos

more