Tuenti y los vídeos

[Viento]

Ya se cual es el problema, y es que en los post de blogger no se pueden meter funciones javascript. Así que te toca escribir cada vez esto en cada entrada

Code: Select all

<a href="javascript:willear('A01j_zxaR5U');"><div style="background-image: url('http://i1.ytimg.com/vi/A01j_zxaR5U/hqdefault.jpg'); width: 480px; height: 360px;"><div style="width: 100%; height: 100%; background-image: url('http://www.collegeplus.org/public/img/graphics/fancybox/fancybox_play-button-icon.png'); background-position: center center; background-repeat: no-repeat;"></div></div></a>

con la función nos ahorrábamos escribirlo, pero las restricciones de blogger no nos dejan :,(

[will-o-the-wisp]

Ya he trasteado un poco y le he hecho un botón de Cerrar al vídeo y un botón de Play a la thumbnail (que básicamente es el mismo, pero más pequeño y sin robar ancho de banda de un... eh... "CollegePlus! is a revolutionary Christian based distance learning program").

Había pensado incluir en el div donde se encuentra la thumbnail, el título del vídeo y debajo la duración del mismo. ¿Cómo se accede a esos datos para no tenerlo que poner manualmente?

Por otra parte, sigo sin saber cómo ocultar por defecto el reproductor, pues he puesto el visibility: 'hidden'; y se queda igual >_>

Beware the 777!

[Viento]

Te sobran las comillas, ya que están dentro de la etiqueta Style, que ya lleva comillas:

<div style="background: none; align:pares; godah:esUnCotilla; visibility: hidden">

Con acceder a los datos te refieres a los datos del video? Los datos del video supongo que te los devolverá en XML y podrías acceder mediante JSON, aunque es peor el remedio que la enfermedad.

[will-o-the-wisp]

Te sobran las comillas, ya que están dentro de la etiqueta Style, que ya lleva comillas:

<div style="background: none; align:pares; godah:esUnCotilla; visibility: hidden">

Con acceder a los datos te refieres a los datos del video? Los datos del video supongo que te los devolverá en XML y podrías acceder mediante JSON, aunque es peor el remedio que la enfermedad.

¡Muchas gracias! Ya funciona como debe : D

Me refiero a que dado un youtubeID, acceda al título y a la duración del vídeo en cuestión, para luego ponerlos como texto al lado de la thumbnail.

[Viento]

A eso me refiero, que tienes que acceder por JSON a la API de Youtube, y eso ya si que es bastante complejo para el resultado. De todas formas, por si sientes curiosidad:

http://code.google.com/intl/es-ES/apis/ ... JavaScript

[will-o-the-wisp]

Agh, ¿por qué me aparece un espacio tan gordo entre el vídeo y lo anterior?

Code: Select all

<table>
<tr>
<td>
<a href="javascript:willear('A01j_zxaR5U');"><div style="background-image: url('http://i1.ytimg.com/vi/A01j_zxaR5U/default.jpg'); width: 120px; height: 90px;"><div style="width: 100%; height: 100%; background-image: url('http://img841.imageshack.us/img841/1936/playc.png'); background-position: center center; background-repeat: no-repeat;"></div></div></a></td>
<td><div style="font-size:10px"><b>「FFIV コンプリートコレクション」 店頭用トレーラー </b><p>02:32</div></td>
</tr> 
</table>

http://ohmikegod.blogspot.com/2011/03/prueba-video.html

[Viento]

<div class="post-body entry-content">
<br><br><br><br><br><table><tbody><tr>

si miras el código, verás que por alguna razón hay <br> para parar un tren

[will-o-the-wisp]

Code: Select all

<div class='post-body entry-content'>
      <data:post.body/>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

Esto es lo que corresponde a ese div, pero no aparece nada de <br>.

[Viento]

mira en el propio post, edítalo en modo html

[will-o-the-wisp]

Aparece lo que he copiado antes D:

Code: Select all

<table>
<tr>
<td style:"background-color:#000000">
<a href="javascript:willear('A01j_zxaR5U');"><div style="background-image: url('http://i1.ytimg.com/vi/A01j_zxaR5U/default.jpg'); width: 120px; height: 90px;"><div style="width: 100%; height: 100%; background-image: url('http://img841.imageshack.us/img841/1936/playc.png'); background-position: center center; background-repeat: no-repeat;"></div></div></a></td>
<td><div style="font-size:10px"><b>「FFIV コンプリートコレクション」 店頭用トレーラー </b><p>02:32</div></td>
</tr> 
</table>