1. ホーム
  2. html

[解決済み] Youtubeの動画ソースをHTML5のvideoタグに表示する?

2022-07-25 02:14:39

質問

YouTubeの動画ソースをHTML5の <video> タグに入れようとしましたが、うまくいかないようです。いくつかググってみたところ、HTML5 はソースとして YouTube 動画の URL をサポートしていないことがわかりました。

HTML5でYouTubeの動画を埋め込むことは可能でしょうか?できない場合、何か回避策はあるのでしょうか?

どのように解決するのですか?

ステップ1:追加 &html5=True をお好きなYoutubeのurlに追加してください。

ステップ2:検索 <video/> タグをソースから探す

ステップ3 controls="controls" をビデオタグに追加します。 <video controls="controls"..../>

<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&amp;itag=43&amp;ipbits=0&amp;signature=D2BCBE2F115E68C5FF97673F1D797F3C3E3BFB99.59252109C7D2B995A8D51A461FF9A6264879948E&amp;sver=3&amp;ratebypass=yes&amp;expire=1300417200&amp;key=yt1&amp;ip=0.0.0.0&amp;id=37da319914f6616c"></video>

いくつかの expire のようなものがあります。がどの程度の長さなのかは分かりませんが src の文字列が機能するかはわかりません。

まだ自分でテスト中です。

編集 (2011年7月28日) : このビデオのsrcは、ページソースを取得するために使用するブラウザに固有のものであることに注意してください。 YoutubeはこのHTMLを動的に生成していると思うので(少なくとも現在は)、テストではFirefoxでコピーするとFirefoxでは動作するが、例えばChromeでは動作しない。