Posted By: Anonymous
I’m trying to put a YouTube video source into the HTML5
<video> tag, but it doesn’t seem to work. After some Googling, I found out that HTML5 doesn’t support YouTube video URLs as a source.
Can you use HTML5 to embed YouTube videos? If not, is there any workaround?
Step 1: add
&html5=True to your favorite youtube url
Step 2: Find
<video/> tag in source
Step 3: Add
controls="controls" to video tag:
<video controls="controls" class="video-stream" x-webkit-airplay="allow" data-youtube-id="N9oxmRT2YWw" src="http://v20.lscache8.c.youtube.com/videoplayback?sparams=id%2Cexpire%2Cip%2Cipbits%2Citag%2Cratebypass%2Coc%3AU0hPRVRMVV9FSkNOOV9MRllD&itag=43&ipbits=0&signature=D2BCBE2F115E68C5FF97673F1D797F3C3E3BFB99.59252109C7D2B995A8D51A461FF9A6264879948E&sver=3&ratebypass=yes&expire=1300417200&key=yt1&ip=0.0.0.0&id=37da319914f6616c"></video>
Note there seems to some
expire stuff. I don’t know how long the
src string will work.
Still testing myself.
Edit (July 28, 2011): Note that this video src is specific to the browser you use to retrieve the page source. I think Youtube generates this HTML dynamically (at least currently) so in testing if I copy in Firefox this works in Firefox, but not Chrome, for example.