web-dev-qa-db-ja.com

YoutubeビデオをHTML5 <video>タグに埋め込む方法

YouTubeの動画をHTML5のタグに埋め込む必要があるサイトを実装しています。 <iframe>を使用せずにこれにどのように埋め込むべきか教えてください

19
Rishi Jogle

Javascriptなしでこれを行う方法はありません。しかし、すばらしいMediaElement.jsライブラリは、この目的のために見事に機能します。

http://mediaelementjs.com

上記の例では、<video>タグを使用してYouTube動画を使用していますが、それをサポートしていないブラウザではFlashへのフォールバックもあります。

8
kinabalu

YouTubeの利用規約に違反しない限り、動画のソースを抽出することはできません。 Webページにビデオを埋め込むためにサポートされている唯一の方法は、iframe埋め込みを使用することです。

3
Greg Schechter