Comment obtenir HTML5 URL de la vidéo à partir de youtube 's la version HTML5?

Je ne suis pas en mesure de trouver la balise dans le code source de la version html5 de youtube.

Q. 1). Aucune idée sur la façon dont il joue de la vidéo HTML5 sans élément de vidéo?

une option, c'est que c'est l'ajout de la vidéo de l'élément de JS, mais je ne suis pas en mesure de trouver la vidéo même élément dans le DOM de la page web de l'inspecteur.

Q. 2). Comment trouver de l'élément vidéo dans le web-inspecteur ou dans firebug?

PS: je suis débutant en développement web.

OriginalL'auteur SunnyShah | 2011-07-13

  1. 4

    C'est bel et bien là. J'ai choisi un vidéo au hasard, et:

    <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>

    Mon navigateur: Chrome 12.0.742.100 sur Mac OS X, avec des Outils de développement -> onglet Éléments -> Recherche pour "<vidéo"

    Outils de développement de montrer ce qui est rendu à l'utilisateur final, à la différence de "afficher la source".

    Sinon, jetez un oeil à l'intérieur le fichier JavaScript appelé watch. J'ai trouvé ce autour de la ligne 1464:

    '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-...

    Je suppose que si vous match pour fmt_url_map, vous le trouverez.

    Eh bien, je ne suis pas capable de le trouver sur google Chrome 12.0.742.112, j'ai cliqué sur "afficher la source", j'ai copier-collé le code source ici, pastebin.com/hD0KDE6e
    Eh bien, Il en est de même de la vidéo dont le lien que vous avez fourni.
    Mis à jour. L'affichage de la Source ne fonctionne pas, alors vous avez raison au sujet de la JS.
    Je suis content d'avoir pu aider 🙂
    c'est l'objet url référant à goutte dans la mémoire locale. il est créé au chargement de la page et l'URL est un temps utilisable. donc vous ne pouvez pas réutiliser dans la vidéo src ou un nouvel onglet plus de détails .....

    OriginalL'auteur opyate

  2. 1

    J'ai trouvé une façon encore plus facile d'obtenir l'URL.

    1. Aller à http://en.fetchfile.net/ (ou tout autre site qui vous permet de télécharger des vidéos à partir de youtube et d'autres sites similaires)
    2. Coller le lien vidéo youtube (à partir de la barre d'adresse du navigateur)
    3. Il vous montre les liens pour télécharger la vidéo qui est en fait le lien vidéo. Voir la capture d'écran ci-dessous. Vous pouvez faire un clic droit sur le "Télécharger la vidéo" bouton et "copier l'adresse du lien'. Vous avez maintenant la véritable URL de la vidéo à partir du serveur.

    Comment obtenir HTML5 URL de la vidéo à partir de youtube 's la version HTML5?

    Cela fonctionne aussi beaucoup d'autres sites à l'aide de HTML5 vidéo où le lien vidéo n'est pas disponible dans l'affichage de la source.

    OriginalL'auteur Pankaj C.

  3. 0

    Vous ne le verrez lorsque vous utilisez l'affichage de la source dans firefox, comme il est généré avec un peu de javascript. Le plus simple est d'installer Firebug et sélectionnez inspecter l'élément, puis cliquez sur la vidéo et vous verrez la balise vidéo

    OriginalL'auteur JaapH