Tuenti y los vídeos

[will-o-the-wisp]

Estoy traspasando este algoritmo a otro blog. Para ello, he copiado esto justo antes de que cierre </body>

Code: Select all

<script>
function willear(youtubeID){
var iframe = document.getElementById(&#39;willotube&#39;) ;
var willodiv = document.getElementById(&#39;divWillotube&#39;) ;

var src = &#39;http://www.youtube.com/embed/&#39; + youtubeID + &#39;?rel=0&#39; ;
iframe.src = src;
willodiv.style.visibility = &#39;visible&#39;;

}
</script>

<script>
function cerrar(){
var willodiv = document.getElementById(&#39;divWillotube&#39;) ;
var iframe = document.getElementById(&#39;willotube&#39;) ;

willodiv.style.visibility = &#39;hidden&#39;;
iframe.src=&quot;&quot;;
}
</script> 

<div id='divWillotube' style='bottom: 0pt; right: 0pt; width: 320px; height: 290px; margin: 0pt; position: fixed; border-left-width: 10px; border-bottom-width: 10px; border-right-width: 10px; background: none repeat scroll 0% 0% black; padding: 1px; text-align: right; visibility: hidden;'>
<a href='javascript:cerrar();'><img src='http://img708.imageshack.us/img708/1022/closevr.png'/></a>
<iframe class='youtube-player' frameborder='0' height='270' id='willotube' name='willotube' src='http://www.youtube.com/embed/youtubeID?rel=0' title='youtube' type='text/html' width='320'/>
</div>

<script>
function willearThumbnail(youtubeID){
var thumb=&quot;&lt;a href=\&quot;javascript:willear(&#39;&quot;+youtubeID+&quot;&#39;);\&quot;&gt;&lt;div style=\&quot;background-image: url(\&#39;http://i1.ytimg.com/vi/&quot;+youtubeID+&quot;/hqdefault.jpg\&#39;); width: 480px; height: 360px;\&quot;&gt;&lt;div style=\&quot;width: 100%; height: 100%; background-image: url(\&#39;http://img841.imageshack.us/img841/1936/playc.png\&#39;); background-position: center center; background-repeat: no-repeat;\&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/a&gt;&quot;;
document.write(thumb);
}

</script>

Y utilizo el siguiente algoritmo para invocar la función en el post:

Code: Select all

<table><tbody>
<tr><td><a href="javascript:willear('xLvQJILre6U');"></a><br />
<div style="background-image: url(&quot;http://i1.ytimg.com/vi/xLvQJILre6U/default.jpg&quot;); height: 90px; width: 120px;">
<div style="background-image: url(&quot;http://img841.imageshack.us/img841/1936/playc.png&quot;); background-position: center center; background-repeat: no-repeat; height: 100%; width: 100%;">
</div>
</div>
</td><td><div style="font-size: 10px;">
<b>Ladytron - Sugar</b><br />
03:19</div>
</td></tr>
</tbody></table>

Y sin embargo, veo que no funciona nada (salvo el botón de play que hay sobre el vídeo). He revisado mil veces el código y me parece que no me he dejado nada, pero parece como si las funciones no estuvieran definidas.