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 Lightbox Videobox 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 HTML Video Streaming Code 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 videoswfobject transparent mode. 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 FLV on Website. 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 Embed Matcafe Website videos now!

* An option to add watermark over the video is added swfobject transparent mode (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 How to Add Matcafe to Wordpress will be automatically added to your website gallery.

Swfobject Transparent Mode

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 Embedding Facebook Video in 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 Swfobject Transparent Mode.

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 Lightbox 2 With 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 swfobject transparent mode will be placed on the server. Notice that you should specify this field; otherwise your website video gallery Lightbox Wordpress 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 Visual Lightbox Video movie (inside the BODY tag).

Javascript Video Codec swfobject transparent mode<head>
...
  <!-- Start FlashVideoToWebsite HEAD section -->
   .....
  <!-- End FlashVideoToWebsite HEAD section -->
... </head>
<body>
...
  <!-- Start FlashVideoToWebsite BODY section -->
  .....
  <!-- End FlashVideoToWebsite BODY section -->
...</body>

  Swfobject Xml  Swfobject Hide  Swfobject Js Download  Swfobject Iphone  Swfobject Relative Path  Swfobject Rails  Embed Flv In Blog  Swfobject Syntax  Swfobject Embed  Swfobject Link

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

Bootstrap Login forms Layout
Bootstrap Jumbotron Code
Bootstrap Layout Grid
Bootstrap Button groups form
Bootstrap Modal Popup Position
Bootstrap Breakpoints Default

Tutorials

Flash dynamic sized screen - Tutorial | LearningIsFun [edit] This tutorial was written in 2007 and is based on first argument in this line: var so = new SWFObject color is important since our swf will be transparent in
YouTube - Adobe Flash CS4 Video Tutorial part 28 "SWFObject Adobe Flash CS4 Video Tutorial part 28 "SWFObject Generator" Added to queue Web Design Tutorial - Flash Transparent Background Location: Worldwide; Safety mode: Off
Easy Custom Blogs: Transparent Flash Label Cloud Transparent Flash Label Cloud s3.amazonaws.com/wp-cumulus-example/swfobject.js' type so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
  Swfobject Width 100  Flashvars Swfobject 2  Swfobject Opera  How To Play Flv In Html  Embed Flv Firefox  Jquery Swfobject Wmode  Mootools Swfobject  Html Code For Swf  Allowfullscreen Swfobject  Embed Flv Tag  Embed A Flv Video  Embed Flv Asp Net  Swfobject Getplayerversion  Swfobject Remove  Firefox Swfobject  Embed Flv Param  Javascript Swfobject Function  Html Flash Swf  Show Swf In Html  Swfobject Useexpressinstall
Viz Toolkit Development » Blog Archive » HowTo: embed flash This post may be considered as a short tutorial 120"> <param name="movie" value="test.swf" /> <object Transparent mode, unfortunately, causes flash stays
Flash :: Transparent Background & Transparent Color In Flash Home Scripts Tutorials Tracker Forums Click the Window Mode drop-down menu and select Transparent flash with use of swfobject js and i've set wmode to transparent.
How to make transparent flash movie How to make transparent flash movie with wmode parameter setting Flash CS3 tutorial of the Window Mode. See the below picture for details. Webpage Setting: Use swfobject
Webstunning questions and answers: Using swfobject with FLV player to a page directly in a div using only swfobject send to friend','video properties','fullscreen mode'] Gallery Demo Photo Gallery Download Photo Gallery Tutorial
.tutorial #11- flash cloud label | :: this is intanurulfateha var so = new SWFObject("http://halotemplates.s3 //so.addParam("wmode", "transparent"); so.addVariable("tcolor", "0x FF0080"); so.addVariable("mode", "tags");
YouTube - Adobe Flash CS4 Video Tutorial part 28 "SWFObject Adobe Flash CS4 Video Tutorial part 28 "SWFObject Generator" Added to queue Web Design Tutorial - Flash Transparent Background Location: Worldwide; Safety mode: Off
Nick Cowie » Layering flash and html tutorial Layering flash and html tutorial so.addParam("wmode", "transparent"); so.write("swfobject-to-replace"); only seems to work when you set win­dow mode
SWFObject 2.0 | LongTail Video | Home of the JW Player Willchange to SWFObject 2 with the 4.0 player (and update the tutorial)." from earlier this Player doesn't have a transparent mode, so you don't need wmode=transparent.)
Flash Movies with a Trasparent Background that work in PowerPoint * HD tutorial videos available at this YouTube page (you Second condition--Inserting html with transparent mode .swf not less than 1 cm above the image and the SwfObject
adrianTNT.com - How to make a flash file transparent Tutorials (1) adrianTNT.com - How to make a flash file transparent following browsers currently support windowless mode
'bgcolor', 'transparent', - ActiveDen wode,transparent or wmode,opaque in the embed tag, or if you are using swf object to embed choose Window Mode = Transparent. To and ActionScript tutorials
Swfobject | Stephen Belanger I also created a fancy tutorial page type thing for it Ive used swfobject many times before in the past, but quality":"high", "wmode":"transparent
Easy Custom Blogs: Transparent Flash Label Cloud Transparent Flash Label Cloud s3.amazonaws.com/wp-cumulus-example/swfobject.js' type so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
Flash :: Transparent Background & Transparent Color In Flash Home Scripts Tutorials Tracker Forums Click the Window Mode drop-down menu and select Transparent flash with use of swfobject js and i've set wmode to transparent.
SWFObject and Fullscreen mode - ActionScript.org Forums Tutorials: Forums: Articles: Blogs: Movies ActionScript 3.0: SWFObject and Fullscreen mode So I'll guess that a transparent window doesn't work with full screen mode.
Wmode And As3 - Flash Kit Community Forums » Tutorials » Submissions » Featured » Links » Reviews The problem is that wmode = transparent must be used Even using swfobject does not fix the problem (not that
How To Embed A Swf. FLV SWF Flash Video Embed. Background Transparent Swfobject Hasflashplayerversion Swfobject Js Swfobject Transparent Mode For more videos and tutorials, visit superninjaproductions.net
Webstunning questions and answers: Using swfobject with FLV player to a page directly in a div using only swfobject send to friend','video properties','fullscreen mode'] Gallery Demo Photo Gallery Download Photo Gallery Tutorial
SWFObject (1.5 and 2.1) does not allow full-screen in IE - Stack why and/or how to work around this without scraping SWFObject? Flashvar set in the containing HTML? See this tutorial for details (including Full Screen mode security
SWFObject and Fullscreen mode - ActionScript.org Forums Tutorials: Forums: Articles: Blogs: Movies ActionScript 3.0: SWFObject and Fullscreen mode So I'll guess that a transparent window doesn't work with full screen mode.
YouTube - Adobe Flash CS4 Video Tutorial part 25 SWFObject Adobe Flash CS4 Video Tutorial part 25 SWFObject & JW Player pt. 3 Added to queue Web Design Tutorial - Flash Transparent Location: Worldwide; Safety mode: Off
Insert Flash in Expression Web - Expression Web Help Forum - Page This tutorial explains a simple way to insert flash in expression web. in transparent mode? I assume you mean they have a transparent background to them
'bgcolor', 'transparent', - ActiveDen wode,transparent or wmode,opaque in the embed tag, or if you are using swf object to embed choose Window Mode = Transparent. To and ActionScript tutorials
Swfobject Undefined Ie. FLV SWF Flash Video Embed. Code For Swf Html Swf Code Swfobject Transparent Bg Html Swf Embed Code Swfobject Transparent Mode Embedding Flash with SWFObject 2.0 (video tutorial) by Lee
Empire Dev Blog: How to create true fullscreen movies with Flash SWFObject also supports it via so.addParam the object/embed tags cannot be set to transparent want it centred within the fullscreen mode, thanks, great tutorial
Flash tutorials - Toxiclab.org Active.Tutsplus | 153 clicks In this tutorial you will learn how to use SWFObject preloader, and enable Full Screen mode how to export a Flash Movie with a transparent
Easy Custom Blogs: Transparent Flash Label Cloud Transparent Flash Label Cloud s3.amazonaws.com/wp-cumulus-example/swfobject.js' type so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
more