YouTube URL in Video Tag

Question

I am using the  lt video gt  tag  and I want to use any URL from YouTube in it  I have this http   jsfiddle net wCrNw  but it s not working  I have checked this Show Youtube video source into HTML5 video tag  but that is not solving my problem       lt video controls  quot controls quot              class  quot video-stream quot              x-webkit-airplay  quot allow quot              data-youtube-id  quot N9oxmRT2YWw quot    src  quot http   www youtube com watch v OmxT8a9RWbE quot              gt  lt  video gt

User · Answer

The most straight forward answer to this question is: You can't.

Youtube doesn't output their video's in the right format, thus they can't be embedded in a
<video/> element.

There are a few solutions posted using javascript, but don't trust on those, they all need a fallback, and won't work cross-browser.

User · Answer

Video tag supports only video formats  like mp4 etc    Youtube does not expose its raw video files - it only exposes the unique id of the video   Since that id does not correspond to the actual file  video tag cannot be used   If you do get hold of the actual source file using one of the youtube download sites or soft wares  you will be able to use the video tag   But even then  the url of the actual source will cease to work after a set time   So your video also will work only till then

User · Answer

MediaElement YouTube API example Wraps the YouTube API in an HTML5 Media API wrapper  so that it can be programmed against as if it was true HTML5  lt video gt     lt script src  quot jquery js quot  gt  lt  script gt   lt script src  quot mediaelement-and-player min js quot  gt  lt  script gt   lt link rel  quot stylesheet quot  href  quot mediaelementplayer css quot    gt    lt video width  quot 640 quot  height  quot 360 quot  id  quot player1 quot  preload  quot none quot  gt       lt source type  quot video youtube quot  src  quot http   www youtube com watch v nOEw9iiopwI quot    gt   lt  video gt    lt script gt      var player   new MediaElementPlayer   player1     lt  script gt

User · Answer

This will give you the answer you need  The easiest way to do it is with the youTube-provided methods  How to Embed Youtube Videos into HTML5  lt video gt  Tag

User · Answer

This would be easy to do     lt iframe width  420  height  345  src  http   www youtube com embed XGSy3 Czz8k  gt   lt  iframe gt    Is just an example

User · Answer

According to a YouTube blog post from June 2010  the  video  tag  does not currently meet all the needs of a website like YouTube  http   apiblog youtube com 2010 06 flash-and-html5-tag html

User · Answer

Try this solution for the perfectly working   new YouTubeToHtml5

[html] YouTube URL in Video Tag

Examples related to html

Examples related to video

Examples related to youtube