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 HTML Video Code Converter 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 Online 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 Add Youtube Videos. 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 Prototype Video Lightbox 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 Lightbox For Images And Video 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 Embed Vimeo in Wiki 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 How to Put A Video on 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 swfobject transparent mode will be placed on the server. Notice that you should specify this field; otherwise your website video gallery Play Youtube Video in Lightbox 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 FLV Player For Web Site movie (inside the BODY tag).

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

  Insert Flv In Html  Embed Flash Swf In Html  Swfobject Version Detection  Stream Flv Html  Swfobject Ie8  How To Embed Flv In Web Page  Swf In Html  Swfobject Flv  Add Swf In Html  Best Web Flv Player

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

Responsive Site Templates Overview
Responsive Website Software
HTML5 Webpage Theme
Responsive Page Maker
Free Webpage Layouts Overview
36 Breath-taking and Responsive AMP Components Templates for 2018

Tutorials

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
Flash :: Layering Transparent Flash Content Over HTML Layering Flash = Transparent Mode = Crappy Firefox Performance Hi I followed a tutorial on http://www.macromedia.com It uses the swfObject. Tested in IE6, IE7, FF 1.5
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
  Swf Files In Html  Embed An Flv File  Swfobject Wiki  Web Flv Player Pro  Embed Swf Asp Net  Embed Swf Into Flash  Swfobject History  Embed Flv Dreamweaver  Flv Web Player  Flv Into Html  Swfobject Javascript Api  Swfobject Width 100  As3 Flashvars Swfobject  Div Over Swfobject  Swfobject Html  Embed Flv Video Wordpress  Adding Swf To Html  Swfobject Align  Play Flv Html  Embed Flv To Html
Photoshop Text Effects Transparent Text Tutorial Tutorial: Photoshop Text Effects Transparent Text Tutorial the opacity to 30% and set the blending-mode to Label text ="Take . --> swfobject.createCSS
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
Flash Movies with a Trasparent Background that work in PowerPoint mislead by the transparency window mode HTML embedded SWF object with transparent background. The SWF object contains * HD tutorial videos available at this YouTube
SitePoint Forums - View Single Post - force flash to play below SWFobject resources: homepage, mailing list, list issues, that's best left for opaque mode. Use transparent mode to Layering flash and html tutorial, by Nick Cowie.
Anton Staykov's Blog: Flash 9 fullscreen mode and transparent But when I tried with SWFObject I ran into trouble. Flash 9 fullscreen mode and transparent movie June sql server SqlAzure storage tips tools tutorial VISTA
Insert Vimeo Swfobject You don't need to change the WYSIWYG mode or Polls in WordPress Using URL Step by step tutorial to Transparent Swfobject Embed FLV, MP4, 3GP, SWF, Flash Video in Your
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.)
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
A free video tutorial on Fireworks 8 Transparent Text Illustrator, Fireworks Fireworks 8 video tutorials from Fireworks 8 : Transparent Text Check out the New Review Mode in Bridge CS4 =
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
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
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
Changing wmode param on the fly - SWFObject | Google Groups swfobject.embedSWF . if you're trying to change a swf that There are plenty of tutorials out there, and it is if you will be able to invoke a full screen 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
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;);
Mouse scroll not working in Firefox when wmode="transparent" in Tutorials: Forums: Articles: Blogs: Movies: Library: Employment scroll not working in Firefox when wmode="transparent" in SWFObject of those bugs that goes with FF/transparent mode
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 :: Layering Transparent Flash Content Over HTML Layering Flash = Transparent Mode = Crappy Firefox Performance Hi I followed a tutorial on http://www.macromedia.com It uses the swfObject. Tested in IE6, IE7, FF 1.5
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.
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.
Mouse scroll not working in Firefox when wmode="transparent" in Tutorials: Forums: Articles: Blogs: Movies: Library: Employment scroll not working in Firefox when wmode="transparent" in SWFObject of those bugs that goes with FF/transparent mode
A free video tutorial on Fireworks 8 Transparent Text Illustrator, Fireworks Fireworks 8 video tutorials from Fireworks 8 : Transparent Text Check out the New Review Mode in Bridge CS4 =
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
Flash Reference - Category: Flash & HTML Flash Reference Guide, Samples, Tutorials Set the wmode parameter for swf object & embed tag to "opaque" or "transparent". Opaque Windowless" for Window 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
SitePoint Forums - View Single Post - force flash to play below SWFobject resources: homepage, mailing list, list issues, that's best left for opaque mode. Use transparent mode to Layering flash and html tutorial, by Nick Cowie.
more