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 Examples 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 Put Vimeo in Flash 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 fbml. 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 Java Script Videos. 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 Display SWF in HTML videos now!

* An option to add watermark over the video is added vimeo fbml (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 Embed Youtube Video will be automatically added to your website gallery.

Vimeo Fbml

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 Add Video to Playlist Youtube 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 Fbml.

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 HTML Code For Youtube Video 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 fbml will be placed on the server. Notice that you should specify this field; otherwise your website video gallery HTML Embed 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 Inserting SWF in HTML movie (inside the BODY tag).

Drupal Enbedding Facebook Video vimeo fbml<head>
...
  <!-- Start VideoToWebsite HEAD section -->
   .....
  <!-- End VideoToWebsite HEAD section -->
... </head>
<body>
...
  <!-- Start VideoToWebsite BODY section -->
  .....
  <!-- End VideoToWebsite BODY section -->
...</body>

  Facebook Video To Forum  Vimeo Play Automatically  Embed Vimeo On Blogspot  Vimeo Frontend  Internet Explorer Vimeo Embedded Problem  Embed Vimeo Parameters  Place Vimeo Movie Inside Flash  Jwplayer Vimeo  Embed Vimeo Into Indexhibit  Vbulletin 4 Include Facebook Video

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

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
Igniteams Recap | Media Sprout - Web Design, HD Video, & Tech Tutorials: All; Personal; Mac Tips & Tricks; Cool Reviews Facebook Static FBML | What!? We Like To Talk About RSS Feed; Twitter; Facebook; Vimeo; linkedin; Email Me
Facebook Platform Developer Forum / Getting Started with Facebook * Watch and comment on videos on Vimeo * Share information for events planned at We're working on a series of tutorials that will round it out, and show server-side
  Embed Facebook Videos On Wordprss Com  How To Embed Vimeo On Blogspot  Myspace Video Enable Embed Code  How To Autoplay Myspace Video Code  Embed Google Analytics Into Vimeo  Emebed Video On Facebook Without Image  Vimeo Plus Vs Videopress  Embed Vimeo Video Joomla  Embedding Video From Facebook Into Joomla  Embed Hd Video Vimeo  Drupal Enbedding Facebook Video  Videos De Vimeo En Phpbb3  Embed Facebook Video In Phpbb3  Center A Vimeo Embed  Drupal Emfield Vimeo  Monthly Rate For Vimeo Plus  Google Mike Hill Bug Man Facebook  Does Vimeo Work With Drupal  Vimeo On Blogger  Embed Vimeo Blackboard
Social Media Pro | Marketing Interior Design Social Media System Overview from John Jantsch on Vimeo. functions aligned with a full set of online tutorials and Video: Facebook FBML; Video: LinkedIn Profile Organizer
Indonesian Web (User) Interface Designer | Article on how to make I was looking for some tutorial how to make facebook Fan Page, theres lots of articles, screencast, & videos ( YouTube, Vimeo Add FBML to the Page ; Ok, and here
Five Easy Steps to Integrate Facebook Connect with your WordPress Vimeo There are a number of other more detailed tutorials out there en-US xmlns:fb=http://www.facebook.com/2008/fbml
Flash Video First collected Jul 8, 2010 by chandos from vimeo.com 2010 by brett_keane from blip.tv. scripting; custom tabs; fbml blip.tv. muzzle; realistic; guns; tutorial
YouTube - How to Create Survey Application for Facebook things it doesnt work. i think it only supports fbml for camtasia maybe you should post this on Vimeo 5:03 + Added to queue Building Facebook Apps - Video Tutorial
NTDesigns LLC | Facebook FBML Use Vimeo to share the videos you make with the people We post a lot of great tutorials and resources for
Indonesian Web (User) Interface Designer | Article on how to make I was looking for some tutorial how to make facebook Fan Page, theres lots of articles, screencast, & videos ( YouTube, Vimeo Add FBML to the Page ; Ok, and here
Social Media Pro | Marketing Interior Design Social Media System Overview from John Jantsch on Vimeo. functions aligned with a full set of online tutorials and Video: Facebook FBML; Video: LinkedIn Profile Organizer
Flash Video First collected Jul 8, 2010 by chandos from vimeo.com 2010 by brett_keane from blip.tv. scripting; custom tabs; fbml blip.tv. muzzle; realistic; guns; tutorial
Flash Video First collected Jul 8, 2010 by chandos from vimeo.com 2010 by brett_keane from blip.tv. scripting; custom tabs; fbml blip.tv. muzzle; realistic; guns; tutorial
Static FBML: Not Every Facebook Fan Page Needs An Application pull video from a vimeo rss feed and display it like the FBJS example create an application to parse the rss then call that into a css/fbml gallery script? A tutorial on
research Creative Learning facebookmarketing.de | Einfaches FBML Tutorial; Twitter 101 Best Practices social network survey tools tutorial video vimeo Workshop
JP Luna Web Design Vimeo. Vimeo is similar to YouTube only its a smaller whether they are life vloggings, sales promos, tutorials second thing we want to do is to add the Static FBML
Add A Custom Tab to Your Facebook Fan Page Starter Template Install the Static FBML Application. At the bottom of get other crazy things like Flickr slideshows or Vimeo But this tutorial is a bit more detailed than previous ones
5 Advantages Of Using Vimeo Than Youtube - Honeytech Blog Youtube channel on Facebook Static FBML; How to add To YouTube or to Vimeo? that is the question when it You may like it for Tutorials, How to Tips , Guides/Lists
Five Easy Steps to Integrate Facebook Connect with your WordPress Vimeo There are a number of other more detailed tutorials out there en-US xmlns:fb=http://www.facebook.com/2008/fbml
Facebook Platform Developer Forum / Getting Started with Facebook * Watch and comment on videos on Vimeo * Share information for events planned at We're working on a series of tutorials that will round it out, and show server-side
JP Luna Web Design Vimeo. Vimeo is similar to YouTube only its a smaller whether they are life vloggings, sales promos, tutorials second thing we want to do is to add the Static FBML
Photographer Facebook Tips Use the FBML Facebook app for customizing the page.Example I have a tiny tutorial of how to add the customized tabs to Recently on iTunes Connect on Vimeo What I've StumbledUpon
Scripting Video 'IO' Dev Diary Pt 19 Teaser (Unity Tutorial) First collected Jul 30, 2010 by Infinite Unity3D from vimeo.com Face Book tips,html,fbml,flash,custom tabs
Add A Custom Tab to Your Facebook Fan Page Starter Template Install the Static FBML Application. At the bottom of get other crazy things like Flickr slideshows or Vimeo But this tutorial is a bit more detailed than previous ones
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
Igniteams Recap | Media Sprout - Web Design, HD Video, & Tech Tutorials: All; Personal; Mac Tips & Tricks; Cool Reviews Facebook Static FBML | What!? We Like To Talk About RSS Feed; Twitter; Facebook; Vimeo; linkedin; Email Me
Facebook - How to create a custom Facebook Page Using FBML Part 2 Use Vimeo if you want the best tools and highest quality How to create a custom Facebook Page Using FBML Part 2 How to Create Twitter Lists Video Tutorial
20+ Popular Video Sharing Websites - Honeytech Blog Vimeo Quality,Creativity and Community is three Video on Facebook branding page with Static FBML; Tutorials On You may like it for Tutorials, How to Tips , Guides
4 Simple Steps to Getting Started in Online Video These are perfect for creating short tutorials for e Get an account on YouTube, Viddler or Vimeo. These are Davina K. Brewer on How to Use Static FBML to Customize
RuffHouse Studios - New Media Video Production Graphic Web Design We offer video services including HD Commercials, tutorials YouTube, MySpace, Twitter and FaceBook FBML Recent Videos from VIMEO jQuery Video Player | HTML Video Embed | jQuery Video | HTML5 Menu | HTML Popup Window
more

Blogs

Tutorial – Adding an affiliate banner to your Fan Page

When you get to the “Static FBML” application page on Facebook click on the “Add to my page” link on the left.You will then see that it finds your Fan page. Just click “Add to Page” and it will be added to your fan page

How to Add Video to Your Facebook Fan Page | Creative Grease

You don't need knowledge of HTML or FBML to follow along, but basic internet knowledge and the willingness to muck around a bit are required. :). Preliminaries Well, to start, you need a Facebook account, a YouTube (or Vimeo,

Facebook TabSite – Create a WebSite in Facebook Without Static

Related Blogs on FBML; Add an FBML tab to your Facebook Page wall; Tutorial – Embed Vimeo Videos on Your Facebook Fan Page – Static FBML; How To Add An Image To FBML App For Facebook Fan Pages; Static FBML Facebook Page Application

iStrategyLabs Enables Washington Life Magazine's 2.0 Initiative

For various reasons, Facebook makes it really hard to embed flash video into their pages – especially if it's Vimeo so we did some custom FBML hackery to get a good Vimeo Player embedded in the page

How to customize and share Youtube playlist

... on Facebook Static FBML; How to add custom twitter updates in blogs using php; How to add Youtube Video on Facebook branding page with Static FBML; YouTube and FLV Player for windows mobile; 5 Advantages Of Using Vimeo Than Youtube

Tutorial – Embed Vimeo Videos on Your Facebook Fan Page – Static

A tutorial on how to embed Vimeo videos in your Facebook Fan Page using Static FBML

Static520.Com – Get a FBML Page Together

Related Blogs on FBML; Add an FBML tab to your Facebook Page wall; Tutorial – Embed Vimeo Videos on Your Facebook Fan Page – Static FBML; Static FBML Facebook Page Application Tutorial – Customize your … Free Songs

Internet Explorer and Static FBML – Using External Style Sheets

is it possible to call on a background image on an FBML fan page? I have a splash image I want to set as a background image then position a vimeo over the top in the centre, using a . The vimeo is showing on the page (although it is

Tutorial for restful_authentication on Rails with Facebook Connect

Adding a namespace decleration for FBML, adding the Facebook Connect Javascript and initialising the Javascript. Luckily rfacebooker can do this for us, so we create a generic layout index.html.erb. <!DOCTYPE html PUBLIC "-//W3C//DTD

5 CMS per personalizzare il Tab della tua Pagina Facebook | BigThink

Se non conosci HTML e FBML per creare un Tab personalizzato con Static FBML nè tantomeno linguaggi lato server per svilupparne uno avanzato, ecco la ... ... Video (Youtube, Dailymotion, vimeo). Immagini (da browser o da Flickr). Feed RSS. Aggiornamenti da Twitter. La versione a pagamento permette di scegliere il nome del Tab e aggiungere Widget esclusivi come Flash, chat e form di iscrizione alla newsletter. Anche se 1.000 euro all'anno sono tantini!

Embed Vimeo on Your Facebook Page Using FBML - QuantumTuts

Using static FBML, find out a simple & easy way to embed vimeo on your facebook page. <fb:swf swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;" swfsrc='http://<b>vimeo</b>.com/moogaloop.swf?clip_id= xxxxxxxxxx&amp;amp

Reason, Why I Joined Facebook… and 15 more Reasons to Use It

Utilize FBML. Facebook Markup Language allows page developers to create their own applications to feature tools that aren't available by traditional Facebook applications. With FBML, you can allow users to sign up for email updates and

Static FBML: Not Every Facebook Fan Page Needs An Application

pull video from a vimeo rss feed and display it like the FBJS example you have on facebook with the pumpkin carving gallery. I understand that I need to create an application to parse the rss then call that into a css/fbml gallery

Add A Custom Tab to Your Facebook Fan Page - Starter Template Included

If you want to get adventurous and get other crazy things like Flickr slideshows or Vimeo videos or other cool things, check out the list of blogs by HyperArts on FBML and Static FBML. Its a really good resource

伊沙熊的學習筆記本:【筆記】Facebook API: FBML裡Flash無法輸入中文的

您好伊沙熊後來我找到別人寫的vimeo的程式碼可以用讓我真是太開心了~ 程式碼如下 import flash.system.Security; import flash.net.URLRequest; import flash.display.Loader; import flash.events.Event; import flash.events.ProgressEvent;

Tutorial: Embed a Photobucket Slideshow in your Facebook Static

Related Static FBML Tutorials. Tutorial: Embed YouTube Videos and Flash in Static FBML Tabs. Tutorial: Embedding Your YouTube Channel Video Player in a Static FBML Page. Tutorial: Embedding Vimeo Videos in your Facebook Fan Page with

Finally, A Decent Facebook Welcome Tab Creator For All

But first let me introduce you to a new service that simply allows you to create a 'Welcome' or 'About' tab without any Static FBML knowledge, or too much work. Enter Thailand-based Pagemodo, which allows anyone to create a Welcome page

Video is SO Powerful as a Motivator

You are so right Chris, we have used videos for making FBML and Facebook tutorials, which are very popular. But I had never really considered using video to sell our services and products. Thanks for the inspiration! ... Vimeo? What? Thanks ! Roxanne Rives. As a social media marketer, I see more and more sites and blogs utilizing video. I think that if you add a 2 minute snippet and show people something rather than just write about it..it will make a HUGE difference

Adding value to Facebook pages

Now out of those 2 replies and non-reply guess which page I have been recommending on Facebook, Twitter and anywhere else people are asking? PS here is the video. Intro to Static FBML from BrandCraft on Vimeo

How to Embed YouTube Video on Facebook Page Tab

And then, even if you do that, it shows a random image with no “play” button that is really confusing. This tutorial will show you how to fix that. We also have a Vimeo tutorial. There are 6 steps but some of them are pretty easy. ... Facebook has it's own markup langauage called FBML (FaceBook Markup Language). You must use that, and specifically the tag to embed the video on your page. I know those were crazy words but don't be scared, I'll walk you through it

HOW TO: Pimp Your Film's Facebook Page

If your video is being hosted on vimeo, it will not embed using only the embed code that vimeo (or Youtube) gives you, so here are the steps on how to fix your video on the FBML page (with the aid of the Facebook Developers Wiki):

Well done FBML Facebook fan page tab by @illig - Ask Linda Sherman

Incidentally, the video is now loaded on YouTube, Vimeo and in the Brainstorm fan page video tab (http://www.facebook.com/brainstorm.brand). Audio: interestingly enough that was a specific discussion internally - should've toned it back

how new facebook commenting widget works?

how to: create a comments box with facebook connect in 5 minutes from pete bratach on vimeo. or. how to add facebook comments box to your site or iframe application? to add a comments box to your site, all you need to do is get a

How to Add / Embed YouTube Videos & Flash in Facebook Static FBML

Related: Tutorial: Embedding Vimeo Videos in your Facebook Fan Page with Static FBML. As detailed in my previous blog post on the Facebook application Static FBML, this Facebook app is a great way to create custom pages with layouts

more

Videos

more