votar

Mostrando los Vídeos de forma más Ligera

Publicada el 16/08/2007 a las 10:08 y leída 1790 veces. Traducir ao galego Traducir ao galego.

A partir de ahora voy a intentar usar el método que utilicé en el post de Doug Henning para mostrar los videos en el blog.

Básicamente no mostrar el flash con el video directamente, sino que se muestra una imagen y al pulsar sobre ella lanza el Slimbox con el video en cuestión.

Para montar esto he usado la versión Slimbox Extended y le he añadido lo siguiente al script:
[javascript]
// En las líneas 184 y 192
this.preload.s = this.matchOrDefault(rev, new RegExp(“scroll=(\\d+%?)”, “i”), 1);

// En la línea 216
var ss = (this.preload.s == 1) ? “yes” : “no”;

// En la línea 219
…scrolling:ss…
[/javascript]
Así puedo usar la propiedad “rev” para indicarle, además del ancho y alto, si quiero que se vean las barras de scroll.

El segundo paso es crear la página que cargará el video. Para ello, nos creamos un PHP con el siguiente contenido:
[PHP]



< ?php
if (isset($_GET['v'])) {
$video = $_GET['v'];
?>

< ?php } ?>


[/PHP]

Con esto ya solo nos quedaría meter en el post el código necesario para lanzar el Slimbox con el video. Como todos los videos de YouTube tienen una imagen “default.jpg” asociada, lo único que variará será el código del video. Un ejemplo sería:
[HTML]


Pulsa para ver el video

[/HTML]
Y el resultado sería:


Pulsa para ver el video

Javascript MooTools PHP Programación slimbox Video Wordpress youtube

dolcebita

  • @Gonzalo: Me parece buena idea, en cuanto tenga un momento actualizo la entrada con la descarga de ejemplo.
    Saludos!
  • Muy interesante post , podes pasar el modulo entero con las libs etc cosa de no intentar tanto y usar de ejemplo el tuyo?.

    trato de implementarlo para una pagina estatica html.

    saludos

    gonzalo
blog comments powered by Disqus