Tutorial: Cómo agregar videos en tu blog con un script

  • Autor Autor ClonesBlogger
  • Fecha de inicio Fecha de inicio
C

ClonesBlogger

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola primero que nada esto es una forma de publicar mejor en tu blog de peliculas, series, animes y todo lo que tenga que ver con reproductores, sirve mucho para que no estes publicando codigos de videos a monton.
Como funciona?: Funciona con ID por ejemplo

esto seria el link del vídeo:
http//www.youtube.com/watch?v=9juI1ecKxxQ

y esto vendría siendo la ID del vídeo: 9juI1ecKxxQ

Y para publicar en tu post seria así
<script>youtube("9juI1ecKxxQ");</script>

Si te das cuenta te ahorras muchos codigos y tiempo!
Te diré como hacerlo bueno empecemos...

Primero que nada necesitas descargar los script: "DESCARGAR"

Después de haberlo descargado pegamos todo los códigos que aparece en el .txt y lo pegamos antes de
HTML:
</head>
--------------------------------------------------------------------------
Como crear un script de video?!
Por ejemplo haremos otro ejemplo con Youtube:

1. Copiamos el codigo del reproductor el de YouTube es este:
HTML:
<iframe width="560" height="315" src="http://www.youtube.com/embed/9bZkp7q19f0" frameborder="0" allowfullscreen></iframe>

2. Antes de cada " ponemos un \ , Nos tiene que quedar asi:
HTML:
<iframe width=\"560\" height=\"315\" src=\"http://www.youtube.com/embed/9bZkp7q19f0\" frameborder=\"0\" allowfullscreen></iframe>

3. Ahora pondremos el nombre del reproductor en la ID para que el script lo pueda encontrar, pegamos esto " + IDyoutube + " lo pegamos donde va 9bZkp7q19f0 y nos tiene que quedar asi:
HTML:
<iframe width=\"560\" height=\"315\" src=\"http://www.youtube.com/embed/" + IDyoutube + "\" frameborder=\"0\" allowfullscreen></iframe>

4. Ya que tenemos lo principal listo lo pegamos al resto del script:
HTML:
<script type='text/javascript'> 
//<![CDATA[

function youtube (IDyoutube) {
var output = "AQUI CODIGO DEL VIDEO";
document.write (output);
}

//]]>
</script>

5. Nos tiene que quedar algo asi:
HTML:
<script type='text/javascript'>
//<![CDATA[

function youtube (IDyoutube) {
var output = "<iframe width=\"560\" height=\"315\" src=\"http://www.youtube.com/embed/" + IDyoutube + "\" frameborder=\"0\" allowfullscreen></iframe>";
document.write (output);
}

//]]>
</script>

6. Y lo pegamos antes de:
HTML:
</head>

7. Para activar o usar el script solo vasta en hacer un post con esto:
HTML:
<script>youtube("ID-DEL-VIDEO");</script>

si no entendieron algo, o tienen alguna duda avisen 😀!

FUENTE:
Script de videos | ClonesBlogger
 
Última edición:
Tutorial aprobado, se agradece el aporte.
 
Gracias por el aporte, que sitios de video soporta ademas de yutube?
 
Se agradece el aporte, luego probare 😀
 
soporta daylimotion (nose como se escribe)
 
Esta interesante, creo que vi algo parecido en vagabundia mmm pero este esta más interesante :encouragement: se agradece.
 
Gracias por el aporte, lo probaré.
 
No es mejor copiar el codigo del video directamente? 😕
 
No es mejor copiar el codigo del video directamente? 😕

Este tutorial es para eso, para no estar copiando y pegando códigos en cada post! aparte de ahorra el peso, te ahorras tiempo. :topsy_turvy:
 
Buen tema 😎
 
Gracias por el Tutorial !
 
como puedo cambiar el reproductor??


es decir tengo un video en "x" pagina y quiero publicarlo en mi blog pero con un reproductor diferente al de la pagina
 
como puedo cambiar el reproductor??


es decir tengo un video en "x" pagina y quiero publicarlo en mi blog pero con un reproductor diferente al de la pagina

No te entendi sorry :ambivalence: seria mejor con demo o imagenes para entender mejor.
 
Se Agradece Compañero a Probralo :encouragement:
 
Muy buen aporte! Se entiende a la perfeccion.

Saludos y sigue asi!! 😀
 
Gracias, sigue asi!
 
gracias por el aporte :encouragement: