2011-07-13 18 views
3

YouTubeのhtml5バージョンのソースコードでタグを見つけることができません。YouTube5のHTML5バージョンからHTML5の動画URLを取得するにはどうすればよいですか?

Q.1)。どのようにそれがビデオ要素なしでHTML5ビデオを再生しているかについての任意のアイデア?

JSからビデオ要素を追加するオプションが1つありますが、WebインスペクタのDOMでもビデオ要素を見つけることができません。

Q.2)。 web-inspectorや火かき棒でビデオ要素を見つける方法は?

PS:私はWeb開発の初心者です。

答えて

4

これは間違いありません。私はランダムにvideoを選んだ、と:

<video 
    class="video-stream" x-webkit-airplay="allow" data-youtube-id="iF83wwij828" 
    poster="http://i2.ytimg.com/vi/iF83wwij828/hqdefault.jpg" 
    src="http://v14.lscache3.c.youtube.com/videoplayback?sparams=id%2Cexpire%2Cip%2Cipbits%2Citag%2Cratebypass%2Coc%3AU0hQRVVRV19FSkNOMF9NS0FD&amp;itag=43&amp;ip=0.0.0.0&amp;signature=60D26B708E92E1636CA3B34A389B1A4406DF290F.BD57D8B601A61EFF68CEF6726754DAD6D9C7C2A9&amp;sver=3&amp;ratebypass=yes&amp;expire=1310569200&amp;key=yt1&amp;ipbits=0&amp;id=885f37c308a3f36f"> 
</video> 

マイブラウザ:MacのOS X版Chrome 12.0.742.100、開発ツールと - > [要素]タブ - > "<ビデオ"

開発ツールを検索します「ソースの表示」とは異なり、エンドユーザーに表示される内容を表示します。

また、watchというJavaScriptファイルの中を見てください。私はあなたがfmt_url_mapのために一致した場合、あなたはそれを見つけることができます推測

'PLAYER_CONFIG': 
    {"url": "http:\/\/s.ytimg.com\/yt\/swfbin\/watch_as3-vfl7OZAr4.swf", 
    "min_version": "8.0.0", 
    "args": {"rv.2.thumbnailUrl": "http:\/\/i4.ytimg.com\/vi\/_jjXCm3W4hA\/default.jpg", 
    "rv.7.length_seconds": 374, 
    "rv.0.url": "http:\/\/www.youtube.com\/watch?v=fvVJ7U-TekE", 
    "rv.0.view_count": 14234, 
    "enablecsi": "1", 
    "rv.2.title": "Alan Grayson (HD): \"Which Foreigners Got the Fed's $500,000,000,000?\" Bernanke: \"I Don't Know.\"", 
    "rv.4.rating": "", "rv.3.view_count": 8109, "is_doubleclick_tracked": "1", 
    "rv.4.thumbnailUrl": "http:\/\/i1.ytimg.com\/vi\/PlaFDyjCeVQ\/default.jpg", 
    "fmt_url_map": "34|http:\/\/o-o.preferred.lhr14s07.v21.lscache6.c.youtube.com\/videoplayback?sparams=id%2Cexpire%2Cip%2Cipbits%2Citag%2Calgorithm%2Cburst%2Cfactor%2Coc%3AU0hQRVVSVF9FSkNOMF9NTFhF\u0026algorithm=throttle-... 

:私はライン1464の周りにこれを発見しました。

+0

Chrome 12.0.742.112で見つからない、ソースをクリックした、コピーしたソースコードがここにある、http://pastebin.com/hD0KDE6e – SunnyShah

+0

まあ、これはあなたが提供したリンク。 – SunnyShah

+0

が更新されました。ソースの表示は機能しませんので、あなたはJSについて正しいです。 – opyate

0

Firefoxがいくつかのjavascriptで生成されているので、ビューソースを使用すると表示されません。 Firebugをインストールしてinspect要素を選択し、ビデオをクリックすればビデオタグが表示されます

1

さらに簡単にURLを取得できます。

http://en.fetchfile.net/(またはあなたがユーチューブや同様のサイトからビデオをダウンロードすることができます他のサイト)へ
  1. ゴー
  2. ユーチューブビデオリンク(ブラウザのアドレスバーから)
  3. を貼り付けそれはあなたがダウンロードするためのリンクを示しビデオは実際にビデオリンクです。下のスクリーンショットを参照してください。 'Download video'ボタンを右クリックし、 'link address'をコピーすることができます。これで、サーバーからの実際のビデオURLが取得されました。

enter image description here

これは、ビデオリンクはソースの表示では使用できませんHTML5ビデオを使用して他のサイトの多くを動作します。

関連する問題