How to Embed Youtube Videos into HTML5

Question

I am implementing site where i required to embed youtube videos into tag in HTML5. can you tell me how should i embedd into this without using <iframe>

Have you looked at the documentation? https://developers.google.com/youtube/js_api_reference — Allan Kimmer Jensen, Nov 01 '12 at 12:49
Have a look at this question: http://stackoverflow.com/questions/5157377/show-youtube-video-source-into-html5-video-tag — Michael Schmidt, Nov 01 '12 at 12:52

score 8 · Answer 1 · edited Mar 02 '17 at 11:02

8

There's no way to do this without Javascript. But the wonderful MediaElement.js library will work wonderfully for this purpose:

http://mediaelementjs.com

The example above shows using a YouTube video with a <video> tag, but also has a fallback to Flash for browsers that don't support it.

edited Mar 02 '17 at 11:02

Finwe

6,372
2
29
44

answered Nov 21 '13 at 15:18

kinabalu

428
1
5
10

`mediaelementjs` It also using iframe, any other way?? – HarisH Sharma Mar 04 '20 at 13:11

score 6 · Answer 2 · answered Nov 01 '12 at 14:25

6

You can't extract the source of the video without violating YouTube's terms of service. The only supported way to embed a video in a web page is using the iframe embed.

answered Nov 01 '12 at 14:25

Greg Schechter

2,291
15
16

2

Can you attach a source ? – marknorkin Sep 17 '15 at 06:18

How to Embed Youtube Videos into HTML5

2 Answers2

Linked

How to Embed Youtube Videos into HTML5 Tag?

2 Answers2

Linked

How to Embed Youtube Videos into HTML5