web-dev-qa-db-ja.com

動画タグのYouTube URL

私はビデオタグを使用していますが、その中のあなたのチューブから任意のURLを使用したいです

これを確認してください http://jsfiddle.net/wCrNw/ 動作していません。助けてください

これを確認しました。 YouTubeビデオソースをHTML5ビデオタグに表示しますか？ 。これは私の質問を解決していません

    <video controls="controls" 
           class="video-stream" 
           x-webkit-airplay="allow" 
           data-youtube-id="N9oxmRT2YWw"  
src="http://www.youtube.com/watch?v=OmxT8a9RWbE"
           ></video>
htmlcsshtml5videoyoutube
34
Dinesh Kanivu

MediaElement YouTube APIの例

YouTube APIをHTML5 Media APIラッパーにラップして、あたかもそれが本当のHTML5であるかのようにプログラミングできるようにします<video>。

<script src="jquery.js"></script>
<script src="mediaelement-and-player.min.js"></script>
<link rel="stylesheet" href="mediaelementplayer.css" />

<video width="640" height="360" id="player1" preload="none">
    <source type="video/youtube" src="http://www.youtube.com/watch?v=nOEw9iiopwI" />
</video>

<script>
    var player = new MediaElementPlayer('#player1');
</script>
49
MrJustin

ビデオタグは、ビデオ形式（mp4など）のみをサポートします。 Youtube 公開しない生の動画ファイル-動画の一意のIDのみを公開します。そのIDは実際のファイルに対応していないため、ビデオタグは使用できません。

YouTubeのダウンロードサイトまたはソフトウェアのいずれかを使用して実際のソースファイルを取得した場合は、ビデオタグを使用できます。しかし、それでも、実際のソースのURLは設定された時間が経過すると機能しなくなります。そのため、動画もそれまで機能します。

13
Rahul

この質問に対する最も簡単な答えは、「できない」です。

Youtubeは、ビデオを正しい形式で出力しないため、
<video/>要素。

Javascriptを使用して投稿されたいくつかのソリューションがありますが、それらを信頼しないでください。それらはすべてフォールバックが必要であり、クロスブラウザで動作しません。

6
BBQ.

これは簡単です：

<iframe width="420" height="345"
src="http://www.youtube.com/embed/XGSy3_Czz8k">
</iframe>

単なる例です。

2
user2957312

これにより、必要な答えが得られます。最も簡単な方法は、youTubeが提供するメソッドを使用することです。 YouTubeビデオをHTML5 <video>タグに埋め込む方法

2
Adrian Roworth

2010年6月のYouTubeブログ投稿によると、「video」タグは「現在、YouTubeのようなウェブサイトのすべてのニーズを満たしているわけではありません」 http://apiblog.youtube.com/2010/06/flash-and -html5-tag.html

1
archie