Cómo poner en una pantalla Multi video de Youtube

Mientras que otros propietarios de sitios web individuales están mostrando los vídeos de YouTube en sus páginas web, puede rodear a sus visitantes del sitio con una pantalla llena de reproductores de vídeo. - Iframes pequeños bloques de código HTML - le permitirá visualizar una pantalla llena de vídeos de YouTube en cualquier sitio web. Los visitantes pueden hacer clic en un vídeo para verlo o sentarse y ver como todos los vídeos en su página web se reproducen automáticamente cuando visitan su sitio. Los vídeos de YouTube son libres, y sólo toma unos minutos para crear su propia pantalla personal multi vídeo de YouTube.

Instrucciones

1 Lance un editor de texto o el editor de HTML. Abrir cualquier documento HTML y añadir el código que se muestra a continuación a la sección del cuerpo del documento:

<Div class = "YouTube">
pegar el código para el primer video aquí
</ Div>

Este código crea un bloque div HTML. Este bloque llevará a cabo su primer vídeo de YouTube.

2 Agregue el siguiente bloque div debajo del código que se muestra en el paso anterior:

<Div class = "YouTube">
pegar el código para el segundo video aquí
</ Div>

Este código crea otro bloque div que contendrá el segundo vídeo de YouTube. Tenga en cuenta que cada div referencia a una clase CSS llamado "YouTube".

3 Mover a la sección de cabecera del documento y agregar la clase de youTube CSS a la sección de la cabeza, como se muestra a continuación:

<Style>
.youTube {display: inline;}
</ Style>

Este código CSS establece atributo de visualización de cada div a "en línea". Hacer esto hace que sus vídeos al azulejo horizontalmente a través de la página. Cuando una fila se llena, vídeos adicionales comienzan una segunda fila. Si prefiere navegadores para apilar los vídeos verticalmente, reemplazar "en línea" con el "bloqueo".

4 Visita el sitio de YouTube y haga doble clic en un vídeo para reproducirlo en el reproductor de vídeo del sitio. Haga clic en el botón "Stop" del jugador, y luego haga clic en "Compartir".

5 Haga clic en "Insertar" y copiar el código HTML se muestra en el cuadro de texto que aparece. Este código consta de un recipiente iframe. atributo URL del iframe apunta a la URL del video en la Web.

6 Volver a su documento HTML y pegar el código que ha copiado en el primer bloque div debajo del texto que dice: "Pegar el código para el primer video aquí." Eliminar el texto después de pegar el código en el bloque div. El primer bloque div va a ser similar al que se muestra a continuación:

<Div class = "YouTube">
<Iframe width = "420" height = "315" src = "http://www.youtube.com/embed/9AumAucSAZ8&quot; frameborder =" 0 "allowfullscreen> </ iframe>
</ Div>

7 Volver a YouTube, jugar otro vídeo y luego haga clic en "Stop". Copiar su código HTML y volver al documento HTML. Pegar el código en el segundo bloque div debajo del texto que dice: "Pegar el código para el primer video aquí." Eliminar el texto después de pegar el código en el bloque div. Cada iframe tiene valores de anchura y altura en píxeles. Cambiar estos valores si se quiere cambiar las dimensiones de los reproductores de vídeo.

8 Guardar este documento y verlo en su navegador. Los vídeos de YouTube que haya añadido a la página Web aparecerá. Haga clic en los botones "PLAY" para reproducir los videos.

Consejos y advertencias

• Añadir más vídeos de YouTube a tu pantalla de vídeo de múltiples añadiendo bloques div adicionales a su código HTML. Añadir un tercer vídeo, por ejemplo, copiando el código de un tercer vídeo de YouTube y pegarlo en un nuevo bloque div debajo de los bloques existentes div.
• Tenga en cuenta la dirección URL que aparece en cada bloque div. Hacer un video empezará a reproducirse automáticamente mediante la adición de "reproducción automática = 1?" - Sin las comillas - al final de cada URL.
• Ajustar las dimensiones de sus reproductores de vídeo para lograr el diseño de varias de pantalla que desee.