Page 3 of 4
Re: Tuenti y los vídeos
Posted: 08 Mar 2011, 20:56
by 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 :,(
Re: Tuenti y los vídeos
Posted: 08 Mar 2011, 22:15
by 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!
Re: Tuenti y los vídeos
Posted: 08 Mar 2011, 23:07
by 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.
Re: Tuenti y los vídeos
Posted: 08 Mar 2011, 23:17
by will-o-the-wisp
Viento wrote: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.
Re: Tuenti y los vídeos
Posted: 08 Mar 2011, 23:23
by 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
Re: Tuenti y los vídeos
Posted: 16 Mar 2011, 22:21
by 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>
Re: Tuenti y los vídeos
Posted: 16 Mar 2011, 22:35
by 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
Re: Tuenti y los vídeos
Posted: 16 Mar 2011, 22:41
by 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>.
Re: Tuenti y los vídeos
Posted: 16 Mar 2011, 23:07
by Viento
mira en el propio post, edítalo en modo html
Re: Tuenti y los vídeos
Posted: 16 Mar 2011, 23:22
by 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>