Recientes

Script de Videos


Hola amigos hoy les traigo un perfecto truco para los usuarios que tengan un blog de películas  series, animes y todo aquellos relacionado con los vídeos y reproductores, no están cansados de copiar el código entero y cambiar numero por numero si la resolución no es la que deseas y de paginas que encriptan los códigos ? pues tengo la solución se trata de un script para solo utilizar la ID de un vídeo como funciona ?

aquí tenemos un ejemplo:

este es el link del vídeo (youtube) :

http://www.youtube.com/watch?v=38X_AeBqRVE

 La ID del vídeo seria esta : 38X_AeBqRVE

Para publicarlo en un post de tu blog o web seria así :

<script>youtube("38X_AeBqRVE");</script>

muy fácil y mas rápido que utilizar el código de insertar que nos da youtube, bueno luego de la breve explicación espesemos.

Bueno cree un pack de 25 reproductores mas usados lo puedes descargar:

Descargar


Bueno después de haberlo descargado pegamos todo el código que sale en el blog de notas en la plantilla justo antes de :

</head>

y listo.


Como crear un Script de Vídeos Propio? 

1. Tomamos el código del reproductor del cual deseamos crear el script en este caso youtube:

<iframe width="560" height="315" src="http://www.youtube.com/embed/38X_AeBqRVE" frameborder="0" allowfullscreen></iframe>

2. Antes de cada " ponemos una / , nos tiene que quedar así :

<iframe width=\"560\" height=\"315\" src=\"http://www.youtube.com/embed/38X_AeBqRVE\" frameborder=\"0\" allowfullscreen></iframe>

3. Ahora pondremos donde ira la ID del reproductor donde se encuentra la ID pegamos esto " + IDyoutube + " (incluyendo comillas) y debe quedar así :

<iframe width=\"560\" height=\"315\" src=\"http://www.youtube.com/embed/" + IDyoutube + "\" frameborder=\"0\" allowfullscreen></iframe>

una cosa mas lo marcado en azul son los valores del tamaño del reproductor todos los vídeos que se publiquen con el script saldrán con ese tamaño si lo por si lo quieren cambiar.

4. Después de formar el código lo que aremos es agregarlo al código script :

<script type='text/javascript'>
//<![CDATA[
function youtube (IDyoutube) {
var output = "AQUI CODIGO DEL VIDEO";
document.write (output);
}
//]]>
</script>

en lo rojo pones el código que armamos y en lo azul va el nombre del reproductor por ejemplo si pusiste " + IDejemplo + " hay tiene que poner  function ejemplo (IDejemplo) {

5. Luego de hacer eso nos quedaría así :

<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>

como verán con el código que armamos puesto.

6. Listo ahora copiamos y lo pegamos justo antes de :

</head>

7. Para usarlo entrada solo pega esto mas la ID donde indica el código:

<script>youtube("ID-DEL-VIDEO");</script>

y listo terminamos de crear nuestro propio script de vídeo este script sirve con cualquier tipo de reproductor siempre que tengas el código y lo transformes siguiendo los pasos espero que les aya sido útil Saludos. dudas? deja un comentario




Relacionados

2 comentarios

Recomendamos: