Put video on your website with stylish popup video effect ! Now for Windows and Mac!

FlashVideoToWebsite is a free wizard program that helps you easily add jQuery Video Lightbox 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 jQuery Para Video 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.

FlashVideoToWebsite generates a nice image thumbnail for your clip. On click, this thumbnail expands into a stylish overlay window containing the videodiv over swfobject. 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

FlashVideoToWebsite is FREE for non-commercial use.

A license fee is required for the use on commercial site. FlashVideoToWebsite Business Edition additionally provides an option to remove the FlashVideoToWebsite credit line as well as a feature to put your own watermark to videos How to Embed Myspace Video Forum. After you complete the payment via the secure form, you will receive a license key instantly by email that turns the FlashVideoToWebsite 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 FlashVideoToWebsite 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

FlashVideoToWebsite 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.

FlashVideoToWebsite for MAC earns Apple 'Staff Pick' (August 19, 2009)

Apple Staff Pick

FlashVideoToWebsite MAC version beta (August 17, 2009)

* MAC version of FlashVideoToWebsite is added. Download it here

FlashVideoToWebsite v1.2 (August 14, 2009)

* FlashVideoToWebsite supports Google Video, Metacafe, Vimeo, MySpace HTML Video Youtube videos now!

* An option to add watermark over the video is added div over swfobject (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 SWFobject FLV Player will be automatically added to your website gallery.

Div Over Swfobject

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 Put Video in 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 Div Over Swfobject.

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 FlashVideoToWebsite. 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, FlashVideoToWebsite is unable to connect to your site and thus not able to upload your Embed SWF in HTML 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 div over swfobject will be placed on the server. Notice that you should specify this field; otherwise your website video gallery Put Link in Facebook Video will be uploaded into the root folder of your server!

Save your web video gallery as project file.

When you exit FlashVideoToWebsite, 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 FlashVideoToWebsite inside your own page.

FlashVideoToWebsite 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 FlashVideoToWebsite app in any test folder on a local drive.
    * Open the generated index.html file in any text editor.
    * Copy all code for FlashVideoToWebsite 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 Lightbox With Flash movie (inside the BODY tag).

Flash Embed FLV div over swfobject<head>
...
  <!-- Start FlashVideoToWebsite HEAD section -->
   .....
  <!-- End FlashVideoToWebsite HEAD section -->
... </head>
<body>
...
  <!-- Start FlashVideoToWebsite BODY section -->
  .....
  <!-- End FlashVideoToWebsite BODY section -->
...</body>

  Swfobject Latest Version  Insert Swf To Html  Embed Flv In Webpage  Embed Flv Videos  Free Embed Flv Player  Swfobject Javascript  Html Over Swf  Swfobject Write  Embed Swf In Email  Swf In Html Code

Support

For troubleshooting, feature requests, and general help, contact Customer Support at .
Make sure to include details on your browser, operating system, FlashVideoToWebsite version, and a link (or relevant code).


Blog

Best Website Builder for Churches, Authors, Consultants, Magazines
Website Builder for Beginners, Bloggers, Writers, IT Companies
Best Website Builder For affiliate marketing and podcasts
Best Website Builder for Designers, Videos, Education, Software Companies
Website Builder for nonprofits and therapists
Best Website Builder for Real Estate, Musicians, Restaurants, Online Stores

Tutorials

How to Play Video Using an Open Source Player | Nettuts+ The Windows option for this tutorial is the Riva FLV This div is replaced by the javascript using swfobject</div book on WordPress theming and design has sold over
Open Flash Chart - Tutorials swfobject.embedSWF("open-flash-chart.swf", "my_chart", "350 <div id="my_chart"></div> </body> </html> In the previous tutorial, there were two files, data.html
Annoyed with the SWFObject.. - kirupaForum In the tutorial he also doesn't say where in your Position the SWFObject within a div in your HTML using the lines most of the stuff you have there and start over
  Download Swfobject  Embed Flv How To  Embedding Swf In Html  Object Flv Html  Swfobject Center Align  How To Embed Flv On Html  Swfobject Safari  Download Flv Web  How To Embed Flv Web Page  Embed Swf In Html Page  Best Web Flv Player  Swfobject Detect Flash Version  Google Api Swfobject  Embedding Flv In Html  Embed Swf In Asp Net  As3 Swfobject Flashvars  Html Swf  Swfobject Quicktime  Swfobject Align  Ie7 Swfobject
Adobe Flash CS4 Video, SWFObject & JW Player pt. 2 VTC tutorials, VTC Player - Adobe Flash CS4 Video, SWFObject & JW Player pt. 2 going to Control C that to copy it, go over here, go above that Div
Placing a DIV over Flash Placing a DIV over Flash CSS website design tutorials var so = new SWFObject("movie.swf", "mymovie", "400
Placing a DIV over Flash Placing a DIV over Flash CSS website design tutorials var so = new SWFObject("movie.swf", "mymovie", "400
Swfobject - Kosmix : Reference, Videos, Images, News, Shopping Adobe Flash Cs4 Video Tutorial Part 25 Swf Object deconcept SWFObject 1.5 released . over 3 years ago blank screen ;putaswf()</script></div
Adobe Flash CS4 Video, SWFObject & JW Player pt. 2 VTC tutorials, VTC Player - Adobe Flash CS4 Video, SWFObject & JW Player pt. 2 going to Control C that to copy it, go over here, go above that Div
How to Play Video Using an Open Source Player | Nettuts+ The Windows option for this tutorial is the Riva FLV This div is replaced by the javascript using swfobject</div book on WordPress theming and design has sold over
SlideShowPro and swfobject 2.1 | Archived ExpressionEngine To post, head over to our current forums. I cant for the life of me get SSP and swfobject to work being fed to it, Im hoping that the existing tutorials
(RESOLVED) Embed a simple swf with swfobject TUTORIAL (RESOLVED) Embed a simple swf with swfobject TUTORIAL text is replaced by the Flash movie. </div> With swfObject same bit of code and mulling it over and over.
SlideShowPro and swfobject 2.1 | Archived ExpressionEngine To post, head over to our current forums. I cant for the life of me get SSP and swfobject to work being fed to it, Im hoping that the existing tutorials
SlideShowPro and swfobject 2.1 | ExpressionEngine Community I cant for the life of me get SSP and swfobject to work being fed to it, Im hoping that the existing tutorials div id = "hero" > < p > Alternate Flash Content </ p > </ div>
Design SWFobject module PHP-CSS-DIV-CMS Joomla-Java Info SWFObject is an easy-to-use and standards-friendly method script Zoom-info described in the Addy Osmani tutorial
In the Woods Vertical Centering With CSS The div is then told to stretch to top:0; bottom:0;. fill the entire line and gives you more control over I followed to the letter your tutorial. Why a scroll bar in
SWFObject and IE7 not playing nice with each other - Flash Kit Over 90% of all websites suck .. Join the minority. Are you using the latest version of SWFObject? SWFObject <div id="moneyshot"> <div id="flashContent"> <h1
Optimum Search Flash Tutorial | swfObject help when placing a div over flash There have been some versions of SWFObject out there for some
Layer Flash Under HTML - Website Designer Articles - Maui Blog Flash and Positioning XHTML Div Layers Is there a way (note:) If you are using the swfobject.js method to embed Design Tutorials & Articles (7) Ecommerce Web Design (2)
Slightlymore Flash and the z-index problem, solved This page was created for the tutorial < a href = "http document turns this on by default and copies swfobject.js has already been blogged about several times over.
Playing and Controlling MP3 songs and FLV videos with javascript remember we have published a tutorial you can try the living example over id="mute2">TOGGLE MUTE</a> </div> </div> <script type='text/javascript' src="swfobject
In the Woods Vertical Centering With CSS The div is then told to stretch to top:0; bottom:0;. fill the entire line and gives you more control over I followed to the letter your tutorial. Why a scroll bar in
swfobject - PHP answers does anybody know any good tutorials that could be theauctionwinners.com/resources/temp/swfobject.js"></script><div id // only do when mouse over slider mask; if
Center flash embedded with swfobject 2.0 - WebDeveloper.com Im trying to switch over to using swfobject 2 to display my flash. <title>FlashVideoTutorials Flash Video Tutorials, XML Had a look, and the javascript replaces the <div
Center flash embedded with swfobject 2.0 - WebDeveloper.com Im trying to switch over to using swfobject 2 to display my flash. <title>FlashVideoTutorials Flash Video Tutorials, XML Had a look, and the javascript replaces the <div
Flash Tutorial | swfObject help when placing a div over flash Working on a new website for a client right now and ran into a problem. The logo looked a little blurry when animated in the flash header, so I decided the
Help with SWFObject - ActionScript.org Forums SWFObject but the instructions are a bit over <script type="text/javascript" src="swfobject.js"></script> <div id You could find the video tutorial from this page
Flash :: Swfobject.js To Embed Movie - Background Color? div#menu{margin: 0 auto;float image to appear in a header div, and then load a tranparent swf file over the top using swfobject. most of the site comes from tutorial
Tutorial about how to edit flash video player with HTML? <script type="text/javascript" src="swfobject.js"></script> <div id Set whether show control bar over video or not Tutorials Customize a web FLV Player in the easiest
In the Woods Vertical Centering With CSS The div is then told to stretch to top:0; bottom:0;. fill the entire line and gives you more control over I followed to the letter your tutorial. Why a scroll bar in
Annoyed with the SWFObject.. - kirupaForum In the tutorial he also doesn't say where in your Position the SWFObject within a div in your HTML using the lines most of the stuff you have there and start over
more