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 Embed Youtube SWFobject 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 How to Add A Youtube Video to Blogger 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 example 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

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 SWFobject Detect Flash Version. 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 How to Put A Youtube Video on My Website videos now!

* An option to add watermark over the video is added swfobject example 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 Add High Quality to Youtube Video will be automatically added to your website gallery.

Swfobject Example 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 Adding Vimeos 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 Example 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 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 HTML Video Embed Code 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 example code will be placed on the server. Notice that you should specify this field; otherwise your website video gallery Jw Player SWFobject 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 Youtube Video Gallery jQuery movie (inside the BODY tag).

Javascript Video Examples swfobject example code<head>
...
  <!-- Start FlashVideoToWebsite HEAD section -->
   .....
  <!-- End FlashVideoToWebsite HEAD section -->
... </head>
<body>
...
  <!-- Start FlashVideoToWebsite BODY section -->
  .....
  <!-- End FlashVideoToWebsite BODY section -->
...</body>

  Flashvars Swfobject  Embed Swf In Email  Swfobject Javascript  Var Params Swfobject  Autoplay Swfobject  Swfobject Reload  Embed Flv Email  What Is Swfobject  Swf Dans Html  Swfobject Scale

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 Image Placeholder
Bootstrap Checkbox Button
Bootstrap Columns Group
Bootstrap Accordion List
Bootstrap Offset Usage
Bootstrap Menu Responsive

Tutorials

Export SWFObject code directly from Flash and Flex | Taterboy.com The URL is at http://code.google.com/p/swfobject/wiki/hosted_library Flex Examples; GotoAndLearn; Greg Wilsons Ramblings Tutorials; General Info; Media. Animation; Audio; Design
Video SEO Tutorial Using SWFObject 2.1 To Provide Alternative In Part 2, were going to dig into some code and walk through a tutorial for using SWFObject 2.1. So for our example, we might add a subheading as an H2 tag and
SWFObject and Best Practice Implementation - The Tech Labs SWFObject.embedSWF("example.swf", "flashMovie", "100% is available at http://code.google.com/p/SWFObject/w/list http://www.thetechlabs.com/tutorials/flash/swfobject
  Swfobject Link  Swfobject 1 5  Jquery Swfobject Wmode  Embed Flv Video Html  Html Swf Embed Code  Flv Embed Plugin  Swfobject Transparent Mode  How To Insert Swf In Html  Embed A Flv In Html  Embed Flv In Blog  Html Embed Flv Video  Html Swf File  Swfobject Safari  Html Code Embed Swf  Flash Swf Object  Embedding Flv Html  Embedding Flv Video In Html  Swfobject Tool  Embed Flash Video Flv  Swfobject Alternate Content
Flash Movie Problems <script type="text/javascript" src="swfobject.js"></script> Now find the code variations, details, and examples. Expression Web Tutorials:
wmode="transparent" with swfObject? - ActionScript.org Forums Tutorials: Forums: Articles: Blogs: Movies: Library: Employment SWFObject Examples The example given above is what you need for HTML code is Off
Video SEO Tutorial Using SWFObject 2.1 To Provide Alternative In Part 2, were going to dig into some code and walk through a tutorial for using SWFObject 2.1. So for our example, we might add a subheading as an H2 tag and
How SWFObject Works The following example shows the minimum amount of code you need to embed a SWF: This code tells the SWFObject script to write the Flash content to the page
About SWFObject - Tutorial - Journalists Toolkit About SWFObject. SWFObject is free, open-source code (JavaScript) that Note that the DIV used by SWFObject (for example SWFObject 2: An in-depth tutorial on SWFObject
Swfobject Tutorials You are currently browsing for Swfobject Tutorials | tutorial not only for flash beginners covers some working examples on different
How SWFObject Works The following example shows the minimum amount of code you need to embed a SWF: This code tells the SWFObject script to write the Flash content to the page
Macromedia Flash Player Tutorials SWFObject Examples. SWFObject Examples The previous example is all that you need for barebones usage of SWFObject. But what if you need to use some of the
SWFObject and Best Practice Implementation - The Tech Labs SWFObject.embedSWF("example.swf", "flashMovie", "100% is available at http://code.google.com/p/SWFObject/w/list http://www.thetechlabs.com/tutorials/flash/swfobject
Flash Tutorial | swfObject help when placing a div over flash mwah!! love u for this tutorial this was the Your example helped when others didnt and swfObject 2.x now has a Google Code home, with lots of info: swfObject 2 on
Video SEO Tutorial Using SWFObject 2.1 To Provide Alternative In Part 2, were going to dig into some code and walk through a tutorial for using SWFObject 2.1. So for our example, we might add a subheading as an H2 tag and
Passing parameters to Flash using Javascript > Tutorials Make sure you've uploaded the SwfObject file here and play with the example here. Let's look at the code: Heres a tutorial that has an example: http://www
Video SEO Tutorial Using SWFObject 2.1 To Provide Alternative In Part 2, were going to dig into some code and walk through a tutorial for using SWFObject 2.1. So for our example, we might add a subheading as an H2 tag and
About SWFObject - Tutorial - Journalists Toolkit About SWFObject. SWFObject is free, open-source code (JavaScript) that Note that the DIV used by SWFObject (for example SWFObject 2: An in-depth tutorial on SWFObject
Detecting Flash Player versions and embedding SWF files with Code editor of choice Sample files: swfobject_examples.zip (ZIP, 116K) Prerequisite knowledge For this tutorial you will use the AIR application. Note: All
Embedding Flash by the SWFObject Deconcept Method This is an example of how to use the original SWFObject script developed by is available from the official SWFObject Google Code FAQ & Tutorials; Hosting Packages; Services
Flash Movie Problems <script type="text/javascript" src="swfobject.js"></script> Now find the code variations, details, and examples. Expression Web Tutorials:
Tutorial about how to edit flash video player with HTML? Here, the example below will teach you how to edit the <script type="text/javascript" src="swfobject.js"></script Tutorials Customize a web FLV Player in the easiest way
HotPotatoes Tutorials and How-to's | Flash Video seen autoStart somewhere, but not in this tutorial's sample code list of extras: Playlist and captioning example XML exercises output files, you can put the swfobject.js
Open Flash Chart - Tutorials Tutorial 4 1: Write JSON. In this tutorial we will use PHP creates by browsing to this file (e.g. http://example text/javascript" src = "js/swfobject.js" > </script> <script
Using SWFObject 2.1 To Provide Alternative HTML Content (Part 1 SWFObject is a JavaScript library that enables you to For example, what html content would you like to provide yes, that means were going to dig into some code!
Detecting Flash Player versions and embedding SWF files with Code editor of choice Sample files: swfobject_examples.zip (ZIP, 116K) Prerequisite knowledge For this tutorial you will use the AIR application. Note: All
How SWFObject Works The following example shows the minimum amount of code you need to embed a SWF: This code tells the SWFObject script to write the Flash content to the page
Javascript Example Guide | LongTail Video | Home of the JW Player Javascript Example Guide; Tutorials; JW Player for HTML5 using an array of source code examples. the minimum Flash version in the SWFObject code. In these examples
Embed YouTube Videos in Your Web Applications | Nine-One-One Web Development Articles, Scripts, Tutorials and This example hotlinks to SWFObject version 2. Create a named anchor for @epikairotita24: you can paste the entire code
Flash dynamic sized screen - Tutorial | LearningIsFun [edit] This tutorial was written in 2007 and is based on version 1x of get up and running is simply modify the relevant chunks of code out of one of the swfObject example
Embed flash content using SWFObject - SSbits - SilverStripe http://code.google.com/p/swfobject/wiki/documentation#STEP_3 parameters (as I was) here is an example: Blog: Example CSS Framework; Tutorial: Building a Theme from a
more