Group: Play Freedom/WebM recipe

From LibrePlanet
Jump to: navigation, search
(Add information about how to force HTML5)
Line 9: Line 9:
 
Unfortunately, viewers who visit the YouTube website without going via such a link will still see your videos in Flash unless they themselves have opted into YouTube's HTML5 beta. Instructions for opting in are at http://www.youtube.com/html5 -- be sure to point people there when promoting your videos.
 
Unfortunately, viewers who visit the YouTube website without going via such a link will still see your videos in Flash unless they themselves have opted into YouTube's HTML5 beta. Instructions for opting in are at http://www.youtube.com/html5 -- be sure to point people there when promoting your videos.
 
   
 
   
Here we present instructions for using [http://videolan.org VLC] version 1.1.2 to
+
* [[Group:PlayOgg/OggConvert|Convert videos using OggConvert]]
convert any common video format to WebM.  VLC runs on [http://gnu.org/distros GNU/Linux],
+
* [[Group:PlayOgg/VLC|Convert videos using VLC]]
Windows and Mac OS.  We presume the same recipe will work on
 
future VLC versions; please leave a note on the talk page here if you have any trouble.
 
On GNU/Linux you can also do this job with Transmageddon, Arista,
 
PiTiVi or FFMPEG.
 
 
Prerequisites:
 
 
* VLC 1.1.0 and greater
 
* A video to convert
 
 
== Instructions ==
 
 
=== 1. Open VLC. ===
 
 
[[File:1_41_Screenshot-VLC_media_player.png]]
 
 
=== 2. Navigate to "Media" -> "Convert/Save..." or hit Ctrl+R. ===
 
 
[[File:2_41_Screenshot-VLC_media_player.png]]
 
 
=== 3. In the "Open Media" window, click the "Add.." button. ===
 
 
[[File:3_41_Screenshot-Open_Media.png]]
 
 
=== 4. Now simply navigate to the file(s) you want to convert, click (Ctrl+click to select more than one), and hit the "Open" button. ===
 
 
[[File:4_41_Screenshot-Select_one_or_multiple_files.png]]
 
 
=== 5. With the file(s) you selected in the "File Selection" field, click the "Convert/Save" button. ===
 
 
[[File:5_41_Screenshot-Open_Media.png]]
 
 
=== 6. Then under "Destination", click browse. ===
 
 
[[File:6_41_Screenshot-Convert.png]]
 
 
=== 7. From here, choose where the file should end up and name it something like example.webm. ===
 
 
[[File:7_41_Screenshot-Save_file....png]]
 
 
* Option: You may select "Display the output" to play the video as it converts it, but that may slow things down significantly.
 
 
[[File:8_41_Screenshot-Convert.png]]
 
 
=== 8. Next, click the "Profile" dropdown, to find and select the WebM option. ===
 
 
[[File:9_41_Screenshot-Convert.png]]
 
 
 
 
* If you are converting an interlaced video file, for example from a digital camcorder with a resolution like 1080i rather than 1080p, select "Deinterlace", otherwise ignore this.
 
* Option: Advanced options for quality and other settings are available if you click the button with the icon of tools to edit the selected profile.
 
 
[[File:10_41_Screenshot-Convert.png]]
 
 
=== 9. Click start to begin transcoding, and you should see the media progress bar and the time in the lower-right corner indicate how far it is. ===
 
 
[[File:11_41_Screenshot-Streaming_-_VLC_media_player.png]]
 
 
=== 10. Open the resulting WebM file to verify that it works. ===
 
 
 
=== 11. Upload to YouTube ===
 
 
 
Make sure not to use any of the 'annotations', 'display ads' or 'audioswap' options.
 
 
 
=== 12. Change links or embedding code to request HTML5 ===
 
 
 
To get YouTube to serve the video as WebM to supporting browsers, even if they haven't opted in to the YouTube HTML5 beta, add "?html5=1" to the end of the src parameter in your <iframe>, or to the end of your link to YouTube. (If the link already has parameters, the ? needs to be an & instead.)
 
 
 
E.g., for an embed:
 
 
 
http://www.youtube.com/embed/oNvb2SjVjjI
 
 
 
becomes
 
 
 
http://www.youtube.com/embed/oNvb2SjVjjI?html5=1
 

Revision as of 16:25, 7 March 2012


How to upload a video to YouTube and ensure it is made available as WebM

As of a couple weeks ago, you can now ensure that YouTube will make any video you upload available in WebMthrough their HTML5 interface, by uploading it as WebM and not using the "annotations" or "display ads" options. This guide will help you do that.

You can also get embedded videos to automatically use WebM, in supporting browsers, by adding "html5=1" to the URL of the iframe in your embedding code. (You can see an example of this on adblockplus.org) If you are linking to the video on YouTube, you can also force HTML5 support by adding that parameter to the link you provide.

Unfortunately, viewers who visit the YouTube website without going via such a link will still see your videos in Flash unless they themselves have opted into YouTube's HTML5 beta. Instructions for opting in are at http://www.youtube.com/html5 -- be sure to point people there when promoting your videos.