Download html5 movies from youtube

Submitted by Zotlan on 28-07-2010 - 16:31

Youtube has started using the <video> tag on their website in conjunction with webm files, which is nice. Unfortunately, they've decided to try and make it hard for you to download the videos to your PC. Fortunately, that is easily fixed with this stylesheet.

NB: Due to a change in Youtube this stylesheet unfortunately no longer works

Normally videos embedded in html5's <video> tag can be easily downloaded with Opera by right-clicking on the video and selecting "save video" (like here), the .webm, or .ogg, file can then be saved to anywhere on your PC. Youtube tries to prevent people from doing this on their site by placing a blocking element over their videos. This simple .css file removes that element, restoring the normal right-click menu to the user, and letting you download the movie files. Webm videos are still somewhat rare on Youtube but here is one of them, if you cannot see it, make sure that you have html5 enabled on Youtube and are using Opera 10.60 or later. (Opera Mobile and Mini don' t support html5 video yet)

Image of right click menu

If you are already using a custom stylesheet for youtube and do not want to replace it with this one, simply copy its contents to the file you're already using.

Bear in mind, though, that many media players do not yet support .webm files, if you have trouble playing the files on your PC, download an install VLC media player, they definitely work in that and it is available on all platforms.

youtube-html5-deblocker.css (796)

Tested with Opera version(s):

10.6x

Comments

Post new comment

Subject:

Comment: *

Input format

Filtered HTML

Lines and paragraphs break automatically.
You may embed videos from the following providers archive, bliptv, dailymotion, livevideo, vimeo, youtube. Just add the video URL to your textarea in the place where you would like the video to appear, i.e. http://www.youtube.com/watch?v=pw0jmvdh.
Web page addresses and e-mail addresses turn into links automatically.
Allowed HTML tags: <a> <blockquote> <br> <caption> <cite> <code> <dd> <div> <dl> <dt> <em> <h2> <h3> <h4> <h5> <h6> <hr> <img> <li> <ol> <p> <pre> <span> <strike> <strong> <sub> <sup> <table> <tbody> <td> <tfoot> <th> <thead> <tr> <u> <ul>
Allowed Style properties: background-color, color, font, font-family, font-size, font-style

no rich text

Lines and paragraphs break automatically.
Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <br> <p> <img> <s> <u> <pre>
You may embed videos from the following providers youtube. Just add the video URL to your textarea in the place where you would like the video to appear, i.e. http://www.youtube.com/watch?v=pw0jmvdh.
Web page addresses and e-mail addresses turn into links automatically.
You may use [block:module=delta] tags to display the contents of block delta for module module.

More information about formatting options

By submitting this form, you accept the Mollom privacy policy.

Installation instructions

Once downloaded to your computer a User CSS file can be activated for all sites, by going to preferences->advanced->content->style options and changing "my stylesheet" to the one you just downloaded.

Site specific CSS files can be activated through site preferences->display and changing "my stylesheet" there.

User CSS files can be kept anywhere on your computer but, to keep things neat, it is advisable to create a folder for them.

Search

Download html5 movies from youtube

Comments

Post new comment

Related content

Most recent updates