Voy hacer una navegación mediante hashes (#). Voy a cargar la página que esté en el hash en una div de youtube.
El problema llega cuando intento cargar paginas de youtube que tienen scripts diferentes, porque mediante $.get, $.ajax o $.load no me cargan los scripts de la página, es decir, si hiciera:
Código Javascript:
Ver original
$("#page").load(window.location.hash.substr(6));
Me carga en la div #page algo así:
Código HTML:
Esto me cargaría las etiquetas: <title>, <meta>, <link> <style> y <div>, quiero decir que no aparece por ningún lado la etiqueta head ni body, ni los scripts que es lo que me interesa, hay alguna forma de cargar lo que es todo el código html?Ver original
<div id="page"> <!-- machid: wU05DSE1MMFkteExaNXRDTkJkcjBiZ3QxNjZKU294cjFEVjZFb2hXazVhbElCWnRheWFlM2h3 --> <title>[Electro] - Arion - Blow ExXxplode (Extended Mix) [Monstercat Release] - YouTube</title> <link rel="search" type="application/opensearchdescription+xml" href="http://www.youtube.com/opensearch?locale=es_ES" title="Búsqueda de vídeos en YouTube"> <link rel="icon" href="http://s.ytimg.com/yt/favicon-refresh-vfldLzJxy.ico" type="image/x-icon"> <link rel="shortcut icon" href="http://s.ytimg.com/yt/favicon-refresh-vfldLzJxy.ico" type="image/x-icon"> <link rel="canonical" href="/watch?v=az-3h31I0HI"> <link rel="alternate" media="handheld" href="http://m.youtube.com/watch?desktop_uri=%2Fwatch%3Fv%3Daz-3h31I0HI%26feature%3Dg-vrec%26context%3DG24a5230RVAAAAAAAABA&feature=g-vrec&context=G24a5230RVAAAAAAAABA&v=az-3h31I0HI&gl=ES"> <link rel="shortlink" href="http://youtu.be/az-3h31I0HI"> <meta name="title" content="[Electro] - Arion - Blow ExXxplode (Extended Mix) [Monstercat Release]"> <meta name="description" content="Get this track and 14 of your other favourites for only $10, links below: Download Link: http://itunes.apple.com/us/album/monstercat-002-early-stage/id467544..."> <meta name="keywords" content="blow, explode, exxxplode, aron, blew, exxplodearion, monster, cat, media, heavy, electro, house, bass, mix, new, techno, dance, remix, 2012, original, electr..."> <link rel="alternate" type="application/json+oembed" href="http://www.youtube.com/oembed?url=http%3A//www.youtube.com/watch?v%3Daz-3h31I0HI&format=json" title="[Electro] - Arion - Blow ExXxplode (Extended Mix) [Monstercat Release]"> <link rel="alternate" type="text/xml+oembed" href="http://www.youtube.com/oembed?url=http%3A//www.youtube.com/watch?v%3Daz-3h31I0HI&format=xml" title="[Electro] - Arion - Blow ExXxplode (Extended Mix) [Monstercat Release]"> <meta property="fb:app_id" content="87741124305"> <meta property="og:url" content="http://www.youtube.com/watch?v=az-3h31I0HI"> //Y más meta <link id="www-core-css" rel="stylesheet" href="http://s.ytimg.com/yt/cssbin/www-refresh-vfll-f0-R.css"> <style> //Aqui algunos estilos </style> <form name="logoutForm" method="POST" action="/"> <input type="hidden" name="action_logout" value="1"> <input name="session_token" type="hidden" value="LDlYqQ8HtlSw2LnWYLbfSzuIiL18MTMzMDg1NDc5NEAxMzMwNzY4Mzk0"> </form> <!-- begin page --> <div id="page" class=" watch "> //Aqui todo la página </div> <!-- end page --> </div>
Estoy usando Chrome 18 beta y en Firefox tampoco funciona. Alguna solución?
Gracias de antemano.