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 How to Embed Flash Video in HTML 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 Embed SWF into Email 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 Facebook Embed Code Video High Quality. 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 Facebook Widget In Frontpage 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 Facebook Video 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 Insert Youtube Video into Website 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 Add Matcafe to Flash 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 Embed Vimeo in Forums 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 Put Vimeo In Flash movie (inside the BODY tag).

Z Index SWFobject hyperarts free facebook code<head>
...
  <!-- Start VideoToWebsite HEAD section -->
   .....
  <!-- End VideoToWebsite HEAD section -->
... </head>
<body>
...
  <!-- Start VideoToWebsite BODY section -->
  .....
  <!-- End VideoToWebsite BODY section -->
...</body>

  Embed Vimeo In Wizywig Editor  Snitz Forum Video Vimeo  Shadowbox Vimeo Gallery Tutorial  Typo3 Videolightbox Vimeo Extension  Facebook Hd Embed Hack  Video Facebook Joomla  Www Facebook Com My  Problems Embedding Vimeo Drupal  Upload Widget Vimeo  Embed Facebook Videos On Wordpress Hd

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
Fbml+youtube - Black Hat Forum Black Hat SEO I wrote a tutorial about this: http://www.hyperarts.com try the code in a "boxes" layout and see if thats true I wouldn't worry too much about boxes as Facebook has
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
  Vimeo Drupal  Embedded Facebook Connection In Webpage  Wordpress Com Vimeo Settings  Blogger Vimeo Hd On  Vimeo Change Video Using Javascript  Embed Vimeo In Wordpress  Embedded Vimeo Muted  Myspace Forums Embed Video  Phpbb Facebook Video  Embedded Vimeo Video Phpbb Forum  Embed Myspace Video Wordpress  Paste Vimeo Forum  Insert Facebook Vimeo  Add Myspace Video To Wordpress  Embedding Vimeo Youtube Video  Joomla Based Facebook Type Dynamic Site  Drupal Embed Vimeo  Myspace Video Phpbb  Vimeo Player In My Web Page  Video Downloadhelper Vimeo Private
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
eleen.com Add custom tabs to your Facebook Business Page Heres a tutorial on how you too can add a with Static FBML application by HyperArts; Static FBML: Not Every Facebook blockquote cite=""> <cite> <code> <del
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
Hack Facebook account basic tutorial video cheat codes; coffee break; Credit cards; dofollow blogs; Download; Download MP3; ebook esq-download to Hack Facebook account basic tutorial video
Creating a custom Facebook tab using FBML | LightCMS Watch our videos Sign up for free Takes less than encountering questions about how to set up a Facebook Techipedia's FBML tutorial. HyperArts's FBML tutorial
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
Static FBML Facebook Page Application Tutorial Customize your Tutorial: Customize Facebook Pages with "Static FBML" application You asked me to send you the "3 step code with iframe facebook GAS-FOR-ALL-VEHICLES-100-WORKING-FREE
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
Designing A Facebook Fan Page: Showcases, Tutorials, Resources 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
Best Online Form Services for Facebook Static FBML Fan Pages Code that could be input JotForm email on Facebook. Allforms Free Form Tutorial on using Allforms on Facebook Static FBML tab Ajax & HyperArts to the Rescue!
Topic: tutorial - MyBlogLog Facebook Fan Pages Show Content to Fans & Hide understand, repair or add-on to a given code Travel Thailand Free Thai Imports Tutorial Thai Imports Tutorial
Facebook Skin, Facebok Theme, Facebook Layout, Facebook Facebook Layout | skin for Facebook | Layout for Facebook | Free Facebook Layouts | theme for facebook | Facebook CSS Code Simple Tutorial how to Manage Stylish
Static FBML Facebook Page Application Tutorial Customize your Tutorial: Customize Facebook Pages with "Static FBML" application You asked me to send you the "3 step code with iframe facebook GAS-FOR-ALL-VEHICLES-100-WORKING-FREE
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
[TUT] How To Use Static FBML On Pages - Black Hat Forum Black Hat in there but using some facebook tags from their wiki. This can be used to display linkied images, banners, even full website html code! are alot more in depth tutorials
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
Designing A Facebook Fan Page: Showcases, Tutorials, Resources 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
Facebook Platform Developer Forum / My Css is gone without having For FREE online Facebook Application Development Tutorials, please visit: hyperarts New Member Registered: 2010 stylesheets (or, rather, Facebook generating the code
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
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
Designing A Facebook Fan Page: Showcases, Tutorials, Resources 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
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
Hack Facebook account basic tutorial video cheat codes; coffee break; Credit cards; dofollow blogs; Download; Download MP3; ebook esq-download to Hack Facebook account basic tutorial video
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
Basic HTML code for your Static FBML pages on Facebook about it: http://www.hyperarts.com/blog/facebook Feel free to email me the full code you are using I researched Branding Facebook Fan Page experts & help tutorials
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 HTML Video Embed | jQuery Video Player | HTML Video | jQuery Video | CSS Buttons
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