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 Video HTML Text 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 Upload Widget 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 videohyperarts free facebook code. 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 HTML Video Pause. 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 SWFobject Javascript Call Flash videos now!

* An option to add watermark over the video is added hyperarts free facebook code (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 FLV Files on Website will be automatically added to your website gallery.

Hyperarts Free Facebook Code

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 How To Embed Vimeo Cargo 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 Hyperarts Free Facebook Code.

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 How to Embed Hq Myspace 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 hyperarts free facebook code will be placed on the server. Notice that you should specify this field; otherwise your website video gallery Vimeo Player Round Edges Customization 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 Embed HTML Video in Powerpoint movie (inside the BODY tag).

Insert Video HTML on Myspace hyperarts free facebook code<head>
...
  <!-- Start VideoToWebsite HEAD section -->
   .....
  <!-- End VideoToWebsite HEAD section -->
... </head>
<body>
...
  <!-- Start VideoToWebsite BODY section -->
  .....
  <!-- End VideoToWebsite BODY section -->
...</body>

  Vimeo Embeded In Flash  Jquery Vimeo Blip Tv Youtube  Myspace Phpbb3 Video Code Not Working  Can You Embed Vimeo Into Imovie  Embed Myspace Songs To Your Website  Stile Script Facebook Com Hyperarts  Vimeo On Wiki  Facebook Video Widescreen Thumbnail  Port Myspace Blog To Wordpress  Facebook Embed Video High Quality

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

CMS Blog | LightCMS Insert your code, and you've got a custom tab! If you Techipedia's FBML tutorial. HyperArts's FBML tutorial the best wall posts and send their authors a free
Google Analytics for Facebook Fan Pages - PHP, Web and IT stuff If you dont have a Facebook fan page yet, visit our tutorial for code and help or two from your blog posts on HyperArts Did you alter the code? You are free to use our
Facebook PHP Tutorial Heres the code for the Hello Facebook! application: Hello ! great tutorial ! But facebook have a new library now, Makebeta is a free resource provided by
  Vimeo Embed Shadow  Embedding Vimeo Youtube Video  Embed Vimeo Joomla  Embed Vimeo Videos In Flash  Embedding Vimeo Movies In Html  Embed Vimeo In Wizywig Editor  Upload Facebook Video Widescreen  How To Embed Facebook In Forums  Prettyphoto Vimeo Not Loading  Embed Facebook Video In Drupal  Oembed Facebook Drupal  Embed Facebook Phpbb  Vimeo Embed Is Transparent  Show Player Controls Vimeo Embed  Flickr Vimeo Gallery  Trouble Embedding Vimeo  How To Embed Facebook Videos Phpbb3  Html Vimeo Player Embedden  Add Myspace Video To Wordpress  Embed Vimeo Channel
Official Facebook Share Count Button for your WordPress Feel free to wrap the codes around with any How to Add Facebook Like Button in WordPress; Excellent Tutorials to Utilize the HyperArts Blog N.Design Studio Six
Facebook Tutorials, Facebook ASCII Art, Facebook News, Funny Paste this code anywhere you can add HTML. I have put together a short Facebook tutorial guiding you step-by-step through the process
Import a Blog into Facebook via Notes, and New Application Tutorial: how to import a blog into Facebook via Notes, and how the column, nested between Facebook ads on the right and the HyperArts easy-to-use interface is free
How To Add a Contact Form to your Facebook Static FBML Tab with There is a free option and a paid option. Both have the same with <input type=submit value=Submit > so the code will work in Facebook. HyperArts
Official Facebook Share Count Button for your WordPress Feel free to wrap the codes around with any How to Add Facebook Like Button in WordPress; Excellent Tutorials to Utilize the HyperArts Blog N.Design Studio Six
Import a Blog into Facebook via Notes, and New Application Tutorial: how to import a blog into Facebook via Notes, and how the column, nested between Facebook ads on the right and the HyperArts easy-to-use interface is free
Smashing Magazine: Designing A Facebook Fan Page: Showcases Hyperarts A lot of excellent tutorials related to Facebook fan the code, are available for download. Facebook Programming step-by-step tutorial is a free mock-up Facebook
How To Add a Contact Form to your Facebook Static FBML Tab with There is a free option and a paid option. Both have the same with <input type=submit value=Submit > so the code will work in Facebook. HyperArts
Install FBML on a Facebook Page | LearnToWebDesign.com Once, you have followed this tutorial and have installed FBML on your Facebook It is free to create a page. possible, as demonstrated on the HyperArts Facebook
Comments by hyperarts.com/blog BackType helping people with Static FBML, Facebook's mark-up language, with tutorials Remember, there's free choice. If the class="url" href="http://www.facebook.com/HYPERARTS?v
Insert Vimeos Embed Vimeo Html5 Wordpress Vimeo Website Button Hyperarts Free Facebook Code How Done), v etin to a running start using tons of great free web-based tutorials and
Download Facebook Farmville Cheat Codes Source Codes, Facebook Facebook Farmville Cheat Codes Codes and Scripts Downloads Free. The Webware JBEngine is an platform developed Tips and Tutorials / Development
How to Use Facebook: Video Series | eHow Videos In this free online video tutorial series, learn from Facebook expert, Melissa Schenk as she teaches you how to get started on Facebook and how to use Facebook features
Excellent Tutorials to Utilize the Power of WordPress and The code above will show a large facebook sharer button your WordPress into Facebook. Source. If you like the above tutorials feel free to HyperArts Blog N.Design Studio
Building Your First Facebook Application with CakePHP : Facebook For more info feel free to find me in the Also, the above code assumes that a facebook user is logged in, so [] this tutorial on facebook-developer website, you will learn
Comments by www.hyperarts.com/blog BackType helping people with Static FBML, Facebook's mark-up language, with tutorials Remember, there's free choice. If the class="url" href="http://www.facebook.com/HYPERARTS?v
Add Matcafe To My Website Tutorials Vimeo Private Hosting Hyperarts Free Facebook Code Google Mike Hill Bug Man Facebook Embedd
How to Make Facebook Video with Music and Photos - Slideshow Click it to get the Facebook video code. With the Facebook video code, you can Slideshow Maker Free Trial More Tutorials Christmas Photo Movie for YouTube
Facebook Layouts Covering the Face of Facebook Here are a weeks worth of free customized layouts courtesy of DailyFacebookLayouts:
Sharing Stream, Real-time Sharing, Trending Shares - ShareThis Source: hyperarts.com. FBML Essentials Tutorial - Create custom Facebook Fan Pages with Static Youtube Videos; Code; Youtube Channel; Fbml Sites To Download YouTube Videos Free
Download Facebook Farmville Cheat Codes Source Codes, Facebook Facebook Farmville Cheat Codes Codes and Scripts Downloads Free. The Webware JBEngine is an platform developed Tips and Tutorials / Development
Install FBML on a Facebook Page | LearnToWebDesign.com Once, you have followed this tutorial and have installed FBML on your Facebook It is free to create a page. possible, as demonstrated on the HyperArts Facebook
Blogmarks : Public marks with tag facebook Your invitation code* : * mandatory, send In this post we release a free Facebook GUI PSD Kit Designing A Facebook Fan Page: Showcases, Tutorials, Resources - Smashing
Insert Vimeos Embed Vimeo Html5 Wordpress Vimeo Website Button Hyperarts Free Facebook Code How Done), v etin to a running start using tons of great free web-based tutorials and
Liverail Tutorial on developing a Facebook platform application Tutorial on developing a Facebook platform application with Ruby On Rails Heres the code class FacebookUser. def self you want to buy me a beer, please feel free to
Google Analytics for Facebook Fan Pages - PHP, Web and IT stuff If you dont have a Facebook fan page yet, visit our tutorial for code and help or two from your blog posts on HyperArts Did you alter the code? You are free to use our
The Ultimate Facebook Page Resource Page Facebook Tutorials; Google Analytics; Jesper strm to a page you need a template for and Ill code Win a Free Facebook FBML Application Tab! Related posts on jQuery Video Player | HTML Video Embed | HTML Video | jQuery Video | HTML5 Menu
more

Blogs

Add a Contact Form to your Facebook Static FBML Tab with JotForm

Per a Jotform employee's comment below, Jotform has now fixed the "Social Network" tab under "Advanced Options" so that the code it generates works in Facebook. But it doesn't support validation or CAPTCHA. Click in the "Full Source Code" field ... HyperArts JotForm Example. Check out our example of a JotForm form on a Static FBML tab. You can customize the CSS for the form in the tags. I added: label { font-weight:normal; } .form-label-top { font-weight:bold; }

Best Online Form Services for Facebook Fan Pages – Static FBML

The services I checked out offer both free and paid plans. Either plan offers the same options in terms of form features etc. The difference with paid plans is in the number of different forms, or form recipients, or submissions you are allowed. .... Be sure to wrap all code in <code>code> tags. Submit Comment. Add a Contact Form to your Facebook Static FBML Tab with JotForm | HyperArts · Add a Contact Form to Your Facebook Static FBML Tab using Allforms | HyperArts

Tutorial: How to Embed Photobucket Slideshow in Facebook Static

Embed your Photobucket Slideshow in your Static FBML tab on your Facebook Fan Page. Easy-to-follow tutorial by HyperArts. ... videos or slideshows, Flash (SWF) or Flickr galleries. Of course, the first thing you need to do is set up a Photobucket account (free) and then create your slideshow. I won't go into great detail on that here. But, basically, you need first to create a new Photobucket album, then upload photos to that album, tag them, add descriptions, etc

How Facebook Notes Have Changed & Why You - HyperArts

PRO: The Notes section of your Facebook page becomes a mini-blog, with all of your posts and any comments made by fans on the posts. The clean and easy-to-use interface is free of ads, unlike some other applications. CON: The Notes import feature can take a while to ... We are offering this great Ajax-driven Contact Form for your Fan Page. Includes validation. Easily customized. See these examples. Cost is $69 for code & PHP form processor. (Customization not included)

Adding RSS Feeds to Your Facebook Fan Page – Static FBML and 3rd

Go to the Involver website and click the blue Facebook "Install" button under "Free Applications";; On the next screen, select the Facebook page on which you'd like to install the app;; After selecting the page to which you want to install the app, ... Create, or have someone create for you, a Facebook canvas application: Because the code for canvas apps is not hosted on Facebook servers, there is not the restriction around scripting languages that exists for Static FBML

Comprehensive Static FBML Troubleshooting Guide - Why You Can't

Comprehensive Static FBML Troubleshooting Guide - Why You Can't Add the App or Why Your Code Isn't Working. Posted: 04 Nov 2010 01:44 PM PDT. If you're not on the HyperArts Blog, Click here! Now that I've answered a gazillion comments

News Feed Optimization and Effective Facebook Posts | HyperArts

The HyperArts fan page is where we offer advice and DIY tutorials for enhancing your social web presence, especially with Facebook applications like FBML. Our community has grown over the past year and we have seen our fans engage with us ... Then you might not ever see or hear from them again, after they get their free prize. But if they became a fan expecting to hear from you, it's wise to give them what they want...YOU! No matter how many tips and tricks you study and

Facebook FBML: Using the fb:share-button with Static FBML; Custom

The above tutorial should be sufficient for you to get the Facebook Share Button working. Make sure you do thorough testing of your code. If you follow these instructions carefully, it should all work fine. Technorati Tags: Facebook

Embed Vimeo Video in Facebook Fan Page - HyperArts

i have put the below code on my facebook application and this loads the video fine on IE, but does not load on any other (FF, Safari, Netscape) browsers. Can u pls help me, if we need any other adjustments needed in the code to make it work ? free). I haven't seen evidence that Facebook is converting Flash video to iPad-compatible format. #26 by Christopher - August 17th, 2010 at 11:05. Fantastic Post! Thorough instructions

Facebook Contest: Win a Free FBML Tab

Winner will receive FBML code from one of 4 custom templates, and HyperArts will implement that code on their Facebook Page. Take a look at our new $99 FBML templates, and if you don't win, you can still purchase one of these templates

Add a Contact Form to Your Facebook Static FBML Tab using Allforms

You add new questions via the left column, and you style the form (just colors) in the right menu (the color options say "For Plus Accounts Only" but these options work in a free account, as well. At least they did for me). Name Your Form: Give your .... Be sure to wrap all code in <code>code> tags. Submit Comment. Add a Contact Form to your Facebook Static FBML Tab with JotForm | HyperArts · Best Online Form Services for Facebook Fan Pages – Static FBML | HyperArts

Giveaway – Win A Free Copy of Headway 2.0 WordPress Theme

Win a free copy of Headway 2.0 at WPBeginner in our twitter exclusive contest. Headway is the most beginner friendly WordPress theme. ... It allows you to resize, rearrange, and add elements to your blog theme without editing a single line of code. Literally, it allows you to create a new WordPress powered sites in a matter of few minutes. In our opinion, it does not do justice to define this theme in words, so here is the video. Watch it, and you will be convinced as

How to Remove Spammy or Annoying Facebook Applications | HyperArts

I just read in my newsfeed that my aunt "liked" Hyperarts on Facebook. So funny, since my aunt is absolutely not technical, she´s a writer/journalist and I guess she´s looking into Facebook to connect with her readers. ... for months and it ´s great to see it turn into one of the main references for Facebook Page development. Someone once gave this great advice regading social media: "Give something valuable. Give wide. Give freely. Some of it will eventually come back

Facebook Static FBML – External Hosting of your CSS Style Sheet

If your Facebook Fan Page requires the hosting of external CSS Stylesheets and images, we think Google Sites is the perfect solution, and it's free! ... Be sure to wrap all code in <code>code> tags. Submit Comment. Static FBML & Internet Explorer 8 – Use External Stylesheets, Not Inlined | HyperArts · Facebook Static FBML – External Stylesheets No Longer Work – CSS | HyperArts · Facebook Static FBML – Use External Stylesheet or Won't Work in Internet Explorer |

HyperArts on Design, Coding, Drupal, SEO, SMO, &c

Yesterday, August 19, 2010, Facebook announced that in the pursuit of simplifying and standardizing their platform, they would be moving away from FBML and towards iFrames, both for canvas applications and Page tabs

Facebook Static FBML Custom Tabs - HyperArts

I got the images working with the fbml http://www.facebook.com/azartgirl?v=app_23744633048 Now I need to tweak a bit on the actual graphic, it's off a bit to the right--I thnk it is a graphic thing and not a code. ... I keep telling them ' Since they are giving us this tool for free, we really can't complain....' From the bug report, it does appear to be actively worked on. I'm new to Facebook bug reports so I'm not sure how long things may linger in that status

Tutorials to Design a Facebook Fan Page

A lot of excellent tutorials related to Facebook fan page development can be found in the Static FBML & FBML archive on the Hyperarts Blog. The tutorials are geared to both beginners and advanced developers

The Future of Static FBML Custom Tabs, Now that Facebook is Moving

The beauty of the Static FBML application is that it allows people with very minimal Web coding or development experience to build their own custom tabs, usually with the aid of some free or commercial FBML templates that require very

Free Facebook Static FBML Application Tab with Contact Form

To be considered for this prize, please send an email with the subject line "FREE Contact Tab" to smo at hyperarts dot com. Include the following information: Name; Website; A link to your existing Facebook Fan Page

The Most Common Facebook Static FBML Problems and How to Solve

If you are looking for a free compression tool PNG Guantlet is great. Cheers, e. #21 by Miguel - October 11th, 2010 at 08:22. Hi there, I've just started a fan page and am using Static FBML - btw thank you for the great tutorials! ... I'm in Real Estate, and Just recently I learned about the whole custom landing page thing on facebook. I deisigned a background, saved it as a jpg, and sent it over to my website person for code. So far, she has gotten it to show up in

How to Create Fan-only Facebook Content with the Reveal Tab

DIGISTORE offers “Discount Codes, Unadvertised Specials, Free Monthly Giveaways.” digistore on facebook. You get the picture. “We have great content here, BUT FIRST you gotta Like us!” Of course, you should make sure that your “teaser” to non-fans is sufficiently compelling .... Tim Ware is the owner of HyperArts Web Design, helping businesses build and promote their Web presence. His focus these days is Facebook app development and Static FBML. Other posts by Tim Ware »

FBML Tutorial Videos | HyperArts

That's expressly forbidden by Facebook's Terms of Service and I would strongly advise you not to violate the TOS. Read this blog post: http://www.hyperarts.com/blog/3-step-code-script-require-sharing-invites-fan-page/ ... I can't believe you give this stuff away for free! Reply Quote. #34 by Melvin - July 22nd, 2010 at 07:03. Great Tutorial! One problem. I followed your instructions but when I click on Static fbml from the more applications section; I don't receive the

Facebook Contest: Free Consulting and a Special Offer! | HyperArts

Facebook Contest: Free Consulting and a Special Offer! - Hello Friends and Fans (and now, Those Who "Like"), We are having another Facebook contest, ... Web Coding, SEO & Social Media, WordPress, Facebook

Comprehensive Static FBML Troubleshooting Guide – Why You Can't

HyperArts Static FBML Tutorials. Use External Stylesheet to add CSS to your FBML Tab — Or Internet Explorer won't work! How to Embed Your YouTube Channel Video Player in a Static FBML Page; Embedding Vimeo Videos in your Facebook Fan

more

Videos

more