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 SWFobject Remove SWF 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 Matcafe in Word 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 videoembedding vimeo html5. 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 SWFobject Attributes. 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 Lightbox Drupal Video Tutorial videos now!

* An option to add watermark over the video is added embedding vimeo html5 (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 HTML Insert Video Code will be automatically added to your website gallery.

Embedding Vimeo Html5

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 Java Script Videos 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 Embedding Vimeo Html5.

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 SWFobject 2 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 embedding vimeo html5 will be placed on the server. Notice that you should specify this field; otherwise your website video gallery Lightbox Video Viewer 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 How To Autoplay Vimeo movie (inside the BODY tag).

jQuery Video Player Lightbox embedding vimeo html5<head>
...
  <!-- Start VideoToWebsite HEAD section -->
   .....
  <!-- End VideoToWebsite HEAD section -->
... </head>
<body>
...
  <!-- Start VideoToWebsite BODY section -->
  .....
  <!-- End VideoToWebsite BODY section -->
...</body>

  How To Get Vimeo Onto Powerpoint  Drupal Embed Facebook Video  Embed Validate Vimeo In Wordpress  Using Vimeo For Professional Website  Vimeo Internet Explorer Embed White  Jquery Vimeo  Get Vimeo Mp4 Using Video Id  Add Vimeo Feed To Facebook  How To Autoplay Vimeo  Vimeo Fbml

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

Discovery Channel Forcing Deadliest Catch Fan Site Offline Someone might want to tell the marketing guys who enabled embedding. The one ComScore search share now eyes core search; Vimeo gets Flash-HTML5 hybrid player
Is Vimeo Arbitrarily Taking Down Videos It Deems As 'Commercial Is Vimeo Arbitrarily Taking Down Videos It Deems As paid for hosting, therefore their customer tutorials Forcing Deadliest Catch Fan Site Offline; Claims Embedding
HTML5 vs Flash | Website Design Blog The video element will allow direct embedding of videos on In this article Im going to talk about HTML5, how it the major video sharing sites such as YouTube and Vimeo
  Embed Vimeo Into Wiki  Embed Vimeo To Powerpoint  Embed Facebook Video In Phpbb  Imbed Vimeo Without Title And Name  Post Vimeo Into Phpbb3 Forum  Embed Facebook Phpbb  Myspace Video Enable Embed Code  Vimeo Hide Controls  Html5 Vimeo Quality Hd Embed  Vimeo Gallery Html Code  Vimeo On Wiki  Vimeo Phpbb  Embed Facebook Video In Email  Link High Quality Facebook Videos  Play Viemo Video Automatic On Myspace  Remove Play Bar Vimeo Dreamweaver  Vimeo En Flash  Embed Vimeo Html5 In Your Site  Vimeo Remove Control  Autoplay Embedded Facebook Video
Inside HTML5: The Browser becomes a first class RIA citizen is being included inside the new HTML5 developer.mozilla.org/en/Canvas_tutorial on Embedding Fonts with CSS3. As you might expect, HTML5 has driven new technologies to
YouTube Dominates Embedded Videos With 82% Global Share After YouTube, Vimeo accounts for 8.8 percent of embeds Open Source FLV Player: Embedding Videos the no YouTube Way in 7 Steps [Tutorial] | SEOptimise November 16
Vimeo embed on iPad and mobile devices in the Feature Requests Brad, 1) should the Vimeo embedding code now work on the iphone? Is the html5 embed going to be for both? so please be cool. Still have questions? Watch this tutorial.
YouTube - Embed HTML5 Video for iPad you use video sites like youtube and vimeo code you get from any flash video for embedding 4:18 + Added to queue How to use HTML5 video in your website. (Tutorial) 310
The video element | HTML5 Doctor Comment by Embed Vimeo Valid XHTML dan HTML 5 | All Tutorials video> element in HTML5. In a nut, it attempts to make embedding a Must-Have CSS3 and HTML5 Tutorials
Inside HTML5: The Browser becomes a first class RIA citizen is being included inside the new HTML5 developer.mozilla.org/en/Canvas_tutorial on Embedding Fonts with CSS3. As you might expect, HTML5 has driven new technologies to
Stacy Conaway » iphone One of the limitations with Vimeo right now, however, is the lack of HTML5 embedding and the impact this has HTML5 Tutorial. http://html5tutorial.net/ Posted: May 12th, 2010
YouTube Dominates Embedded Videos With 82% Global Share After YouTube, Vimeo accounts for 8.8 percent of embeds Open Source FLV Player: Embedding Videos the no YouTube Way in 7 Steps [Tutorial] | SEOptimise November 16
Why you will regret using Vimeo. « Boagworld I was really keen on vimeo until I read the small print. Left only a few tutorials on it cos I cant start realized that Youtube offered HD rendering and embedding
Flash vs HTML5 - Social Media - Creative COW Vimeo's HTML5 Spieler, Die immer noch in der Beta (und nur Other quickies are no embedding support, no camera FOREN TUTORIALS MAGAZIN SERVICES VIDEOS
Vimeo Spreads the HTML5 Love With Web-Native Video Player Vimeos new player builds on the HTML5 video player the company first code that lurks behind the new embedding Browse Our Tutorials HTML, JavaScript, design
Embedding YouTube Videos into PowerPoint 2007 » The Travelin Embedding YouTube Videos into PowerPoint 2007 This is how online tutorials should be written. Consise, well worded, and informative
Studio Daily Blog » HTML5, H.264, WebM, and the The popular video-sharing site Vimeo announced platform as has ever existed, the new HTML5 standards for embedding Particular, Apple Motion and many more tutorials on
Flash vs HTML5 - Social media - Creative COW http:/ / Vimeo.com / blog:268 HTML5 Vimeo's Player, Che č ancora in Other quickVale a dires are no embedding support FORUM TUTORIALS MAGAZINE SERVIZI VIDEO
Position Absolute, web apps and front-end stuff - CSS3 @font-face @font-face is a CSS feature, it is not part of HTML5. allcreatives.net/2009/12/05/smoother-font-face-embedding-in coming soon in a browser near you :D http://vimeo.com
Position Absolute, web apps and front-end stuff - CSS3 @font-face @font-face is a CSS feature, it is not part of HTML5. allcreatives.net/2009/12/05/smoother-font-face-embedding-in coming soon in a browser near you :D http://vimeo.com
HTML5 Video Codec Debate | Linuxers The next version of HTML i.e HTML5 will include several new tags for embedding video Vimeo rushed to announce a beta version Weekly tutorial
Vimeo embed on iPad and mobile devices in the Feature Requests Brad, 1) should the Vimeo embedding code now work on the iphone? Is the html5 embed going to be for both? so please be cool. Still have questions? Watch this tutorial.
Stacy Conaway » iphone One of the limitations with Vimeo right now, however, is the lack of HTML5 embedding and the impact this has HTML5 Tutorial. http://html5tutorial.net/ Posted: May 12th, 2010
Tutorial: HTML5 video Adobe PDF - View as html
Compared with HTML5, Adobe Flash is still the best platform for to what John Harding said, HTML5 handles the basics of video, it lacks many of the extra features that sites like YouTube, Vimeo Succinct Introduction and the Tutorial
Html5 Open Video Tutorial Im searching about HTML5 video tutorial anyone can help me if param name="movie" value="http://www.vimeo.com org (GPL v3) oggify.com External Embedding
Flash vs HTML5 - Social media - Creative COW http:/ / Vimeo.com / blog:268 HTML5 Vimeo's Player, Che č ancora in Other quickVale a dires are no embedding support FORUM TUTORIALS MAGAZINE SERVIZI VIDEO
Position Absolute, web apps and front-end stuff - CSS3 @font-face @font-face is a CSS feature, it is not part of HTML5. allcreatives.net/2009/12/05/smoother-font-face-embedding-in coming soon in a browser near you :D http://vimeo.com
YouTube - Embed HTML5 Video for iPad you use video sites like youtube and vimeo code you get from any flash video for embedding 4:18 + Added to queue How to use HTML5 video in your website. (Tutorial) 310
Flash vs HTML5 : Social Media TUTORIALS: MAGAZINE: TRAINING: VIDEOS - REELS: PODCASTS Vimeo's HTML5 player, which is still in Beta (and only Other quickies are no embedding support, no camera
Megite Technology News: What's Happening Right Now De webwinkel moet een marktplaats worden voor HTML5-apps (denk: games) en zal vermoedelijk een belangrijk Ubergizmo Verizon Embrace's TV's Future with HTML Video Embed | jQuery Video Player | HTML Video | jQuery Video | Web Photo Gallery
more

Blogs

Tutorial: TTG Stage CE + HTML5 Video

Regardless of your chosen embed method, TTG Stage CE has your web video needs covered. That leaves the question, is HTML5 video necessary? Then answer is yes. And no. If you are embedding video using YouTube, Vimeo or JW Player,

Vimeo video sharing website launches HTML5 embedding, iPhone and

While Vimeo has been available on the iPhone for the last ten months for selected videos, yesterday the video

Stacy Conaway » Blog » Vimeo HTML5 Embed Workaround

One of the limitations with Vimeo right now, however, is the lack of HTML5 embedding and the impact this has on iPhones and iPads. You can view videos on the Vimeo.com mobile site (www.vimeo.com/m) with your iPhone and iPad (neither of

Vimeo starts up HTML5 embedded video for iPad, hits Roku

Vimeo today gave owners of iPads, iPhones and future Android devices the option of viewing most of its video in an HTML5 embedded player. The new approach automatically switches between Flash and HTML5 and will automatically switch to

embedding vimeo video into wordpress blog « WordPress.com Forums

I have tried to embed video from Vimeo without success. I'm trying to > achieve what is presented on the Penny Lane website as per the link below. > > Designed by Elegant wordpress Themes > http://pennylaneprod.com/blog/ ... Oct 31, 2010, 3 :52 PM. Thanks, but then how can one use HTML5 streaming video in a WP.COM post so that it can be seen on an iPad? timethief · Member Oct 31, 2010, 5:34 PM. @interlucation. May I suggest that you contact Staff?

Vimeo offers HTML5 Player to Support iPhone & iPad

Vimeo Gets an Embeddable HTML5 Video Player Vimeo HTML5, Video Player, iPhone, iPad Vimeo has introduced an embeddable HTML5-based 'universal' player. Users will be able to embed Vimeo videos which will work on a wide variety of devices

I ALREADY DON'T LIKE YOU: Better HTML5 Vimeo embeds on Tumblr

Matthew Buchanan just updated his Vimeo remix script in accordance with Vimeo's HTML5 updated embed script. Totally gonna update this on my blog later today. for a better frame of reference as to what I'm referring to, here's the link

Vimeo Releases Embeddable HTML5 Video Player | ipad Planet

Adrianne Jeffries: Vimeo is releasing a “universal player” today that allows user to watch embedded Vimeo videos on mobile devices including the iPhone and iPad using the video playback capability built into the new HTML5 standard

Vimeo Adds HTML5 Embed Support and a Roku Channel | WHS Blog

Exciting news for users of the online video community Vimeo who recently added HTML5 support to it's video embeds. This means content can be viewed on

Vimeo HTML5 Video Player: Universal Player For iPhone And iPad

Vimeo ( A video-centric social networking site supporting embedding, sharing, video storage, and user-commenting on each video page) has launched HTML5 Video player for iPhone and iPad. One of the biggest hands behind media sharing over

Video site Vimeo uses HTML5 to get more iPhone friendly | VentureBeat

Meanwhile, YouTube is experimenting with a new embedding format that will play videos in either Flash or HTML5 depending on browser capabilities. Vimeo, which is owned by media company IAC, also announced a new Watch Later feature,

it keeps on Rick Rollin... | MetaFilter

Vimeo now offers its users the choice to have their videos play using an html5 wrapper (vs flash)...I think they are slowly transitioning to this format for the whole site, re-encoding all older videos. This player enables skipping ... issue on Vimeo's end. They are growing rapidly, and are definitely experiencing issues with that, but on the whole I've found it a worthwhile service for the price...for me, it's worth it just to be able to watch embedded videos on an iPad

15 HTML5 Demos Perfact Effect No Less Than Flash - Ntt.cc

In previous article 30+ Useful HTML5 Tutorials For Web Designers, we have showed you how to create HTML5. You have probably seen a bunch of tutorials or articles about HTML5 on design blogs recently, but did't try to use it still now because most users ... Vimeo Joined Apple Bandwagon Shunning Flash In Favor Of The New Embeddable HTML5 Video Player (1) · 40+ Amazing Fresh Good Design Html5 Websites (1) · 23+ Useful HTML5 Open Source Online Video Players & Libraries, (3)

Experiences Migrating From XHTML 1 to HTML5

These were pages which included embedded HTML fragments provided by third party Web services such as Vimeo and Slideshare. The Key Resources page illustrates the problem, for which the following error is given:

10 Great HTML5 Video Players

Vimeo, like YouTube, is a popular site for sharing your videos that implemented HTML5 video playback early this year. Vimeo also uses an iFrame for HTML5 video embedding as it's necessary for ads. Price: Free or Paid; Video Storage: Yes

Embedding Vimeo videos in Wordpress | Esimple Studios Blog

As you may remember, few days ago Vimeo launched the HTML5 version of his videos embed code, making possible for our beloved iPhone and iPad owners to watch embedded videos directly from their favorite device

HTML5 Video

HTML5 Can Dance! from Bocoup on Vimeo. ... YouTube has an HTML5 video beta which can be opted-into. The new YouTube embed code using an Iframe can serve HTML5 to supported browsers (if supported video type is available)

Vimeo Embraces HTML5 Embedding For iPhone, iPad

Vimeo Logo Users of iOS devices, rejoice! Popular video-sharing website Vimeo has made the move to embrace HTML5 embeds for users of iPhone and iPad. The website has implemented a set of new embed codes which will allow clips embedded

Squaregirl - Blog - Embed Vimeo videos. Play on iPad. Repeat

first off, i gotta say - this is the best little piece of javascript ever!! with this, i don't even know if i mind that there is no "real" vimeo html5 player yet. this is absolutely fantastic! my comment is for any other readers that

HTML5 Continuing to Gain Ground With Yahoo! Mail for iPad, Vimeo

HTML5, the Web standard promoted by Apple in favor of Flash as the future of media delivery on the Internet, is continuing to gain support among popular Web sites and services. In particular, announc

Vimeo Develops iPhone-friendly Embedding with HTML 5 | Mac|Life

That's why YouTube is currently working on bridging this gap with a new embedding format that could switch the video playback from Flash to HTML5 depending on the platform you're using. Until that time comes, Vimeo has announced a new

mattpolito's Profile - GitHub

added vimeo html5 universal embed player. mattpolito pushed to master at mattpolito/auto_html Thu Aug 19 20:54:27 -0700 2010. 9bb1244. Merge branch 'master' of git://github.com/dejan/auto_html

Vimeo announces new HTML5 embedded player with HD support for the

Vimeo, a YouTube alternative, announced today a new player that works both with mobile devices and desktop computers. In particular the player recogni

Vimeo Adds Ability to Embed Video in iPad-Friendly HTML5 Format

9 Responses to “Vimeo Adds Ability to Embed Video in iPad-Friendly HTML5 Format”. GearDiarySite says: August 18, 2010 at 4:02 am. Vimeo Adds Ability to Embed Video in iPad-Friendly HTML5 Format http://goo.gl/fb/9kbWY

more

Videos

On Demand Mobile - WordPress Video Theme for iPhone

This is the first mobile video theme/plugin that WPtap developed in collaboration with Press75. Tailored to Press75s On Demand theme, On Demand mobile provides a fully featured video solution on mobile platforms. Feature Highlights: •Fully supports self-hosted MP4 videos on iPhone/iPod Touch, Android, Touch-based Blackberry and Nokia phones •HTML5 optimized. Fully supports Vimeo, Youtube (and other sites that support HTML5 video standard) embedded videos on iPhone/iPod Touch, Android etc. •Designed in On Demand style and optimized for mobile UI •Fully supports Press75s Simple Post Thumbnails WordPress plugin •Fully supports Press75s Simple Video Embedder plugin •Video rating features •Customizable site logo •Customizable site icon on iPhone home screen •Selectively display/hide categories/pages •WordPress 2.9 compatible More information at www.wptap.com

How to Get Vimeo Videos To Play On iPad

Safari: www.apple.com Square Girl Code: www.squaregirl.com

Embed HTML5 Video for iPad

So if you use video sites like youtube and vimeo, here is how you can adapt your code on your website so that your videos will still play on iPad and iPhone iPad useragent string Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B367 Safari/531.21.10

more