Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

Insertar video youtube a pantalla completa

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 11 de febrero de 2019 por Tic cp gandhi madrid

107 visualizaciones

Más información Transcripción

Descargar la transcripción

Hola, en este tutorial vamos a ver cómo hacemos para agregar una página que aparecerá cuando pulsemos en varios, ahora mismo la página donde aparecen todos estos iconos es la página de eventos, vamos a crear una página que esté asociada a fotos y eventos, 00:00:01
Por si luego quisiéramos que apareciese en el submenú cuando pasemos. Igual que aparecen estos, pero de momento no queremos que suceda eso. 00:00:27
Necesitamos una página independiente y en esa página vamos a incluir el vídeo. 00:00:36
De momento, al igual que aquí tiene una disposición determinada 00:00:41
Y en el caso de, es que esta es la galería 00:00:49
Tiene un formato que aparece en todas las imágenes 00:00:52
Que nos tiene bien porque son muchas imágenes 00:00:55
Cuando pulsamos en el día de la PAC al tener solo dos 00:00:57
Nos ha parecido más oportuno cambiar la galería 00:01:00
El tipo de galería para que sea la pantalla completa 00:01:06
pues algo así vamos a hacer con el vídeo 00:01:08
al tener un solo vídeo 00:01:11
yo creo que lo ideal es que 00:01:13
aparezca a pantalla completa 00:01:14
aunque luego podríamos hacer 00:01:17
cuando vayamos añadiendo 00:01:19
más elementos 00:01:21
a la parte de varios 00:01:23
a lo mejor más galerías de fotos 00:01:25
otros vídeos 00:01:28
pues ya podríamos dividir la página 00:01:28
como esta por ejemplo 00:01:31
esta está en dos columnas 00:01:33
podríamos dividirla en dos columnas, en tres 00:01:34
Y a lo mejor que el vídeo apareciese aquí, aquí apareciese una galería, aquí apareciese... 00:01:36
Bueno, ya lo iríamos diseñando según lo que necesitemos. 00:01:41
Bueno, pues como solo vamos a tener un vídeo, lo ideal es que en este caso se vea pantalla completa 00:01:47
para que no se vea, por ejemplo, solo una parte como aquí y luego por aquí nada. 00:01:54
Así que vamos a hacer primero, vamos a crear el contenido. 00:01:58
y, perdón, primero vamos a crear la página y luego vamos a crear 00:02:04
el contenido, así que en administración 00:02:08
páginas, y aquí vemos todas las páginas que tenemos 00:02:11
¿vale? veis que dentro de fotos y eventos 00:02:17
tenemos navidad, tenemos día de la paz y está asociada a fotos y eventos 00:02:20
ahora mismo no tiene ninguna trascendencia que esté asociada o no, pero 00:02:25
si quisiéramos, como he dicho antes, que se vieran en un menú desplegable, pues entonces 00:02:28
si sería interesante que estuviese. Como queremos que Fotos y Eventos contenga esa página, 00:02:32
pues seleccionamos y le decimos Añadir Subpágina. En lugar de Añadir Página, si no tuviéramos 00:02:41
nada seleccionado, aparecería Añadir Página. Pero como tengo seleccionado Fotos y Eventos, 00:02:47
Añadir Subpágina. Y la vamos a llamar Varios. Vamos a utilizar una sola columna. Fijaos 00:02:52
que hay distintas disposiciones 00:03:08
que luego se puede jugar con ellas 00:03:09
según necesitemos 00:03:12
de momento vamos a utilizar solo una columna 00:03:14
vamos a añadir página 00:03:16
y ya tenemos, veis 00:03:18
asociada a fotos y eventos 00:03:21
navidad que ya la teníamos, día de la paz 00:03:23
que es las dos imágenes 00:03:25
una galería con solo dos imágenes, esa pantalla completa 00:03:26
y varios, que es donde vamos a poner 00:03:29
de momento el vídeo 00:03:31
vale 00:03:33
vamos a mantener 00:03:34
no vamos a seleccionar ocultar en el menú de navegación 00:03:37
para que de momento sea muy fácil acceder 00:03:41
cuando yo pulse aquí y quiera acceder para copiar el vínculo 00:03:45
veis que ya lo tengo aquí 00:03:48
esto es lo que hace que esté asociada a fotos y eventos 00:03:49
si no, aparecerá aquí debajo 00:03:53
y ya empezará a todo a 00:03:56
a verse peor, a estar más desestructurado 00:03:59
así que vámonos a la página 00:04:02
veis, varios, aquí estamos 00:04:04
y vamos a añadir contenido 00:04:08
y ese contenido lo vamos a hacer, hay varias formas de añadir 00:04:12
el vídeo, con iframe, pero la forma más sencilla de momento lo vamos a hacer 00:04:16
con youtube, también lo podríamos hacer subiéndolo a la mediateca 00:04:20
y sencillamente copiando el vínculo y pegándolo, pero de momento 00:04:24
va a ser youtube, nos vamos a contenidos, agregados de contenidos 00:04:28
también desde aquí, da igual, no lo hagamos, porque es lo mismo 00:04:32
y arrastramos, como es una sola columna, pues va a aparecer 00:04:36
la pantalla completa, ahora cuando le demos el tamaño 00:04:40
a nuestro vídeo, bien, aquí 00:04:44
aparece, veis, agregador de contenidos, ya puedo cerrar esto 00:04:49
agregador de contenidos, pero no tenemos 00:04:53
todavía creado ningún contenido, bien, vamos a darle a editar controles 00:04:58
veis que no aparece editar aquí 00:05:01
el contenido, porque no tenemos contenido 00:05:04
de momento vamos a editar 00:05:06
a cambiar el nombre 00:05:08
aquí dentro de varios 00:05:09
podríamos poner el nombre que nosotros 00:05:11
queramos en apariencia 00:05:14
para que no aparezca agregador de contenidos 00:05:15
pulsamos usar un título personalizado 00:05:17
y aquí como ya vamos poniéndolo 00:05:19
en todos los recursos 00:05:22
en mayúscula, pues vamos a poner 00:05:24
en mayúscula, por ejemplo 00:05:26
varios 00:05:28
como decía, varios 00:05:30
vídeo 00:05:36
o como hacer 00:05:39
una casa de cartón 00:05:43
o podemos 00:05:50
si queréis, quitarlo de varios 00:05:52
porque ya va a aparecer en las migas de pan 00:05:54
voy a decirle 00:05:56
guardar 00:05:58
las migas de pan es esto 00:05:59
digamos la ruta 00:06:03
de todas las 00:06:06
que hemos tenido que hacer para llegar 00:06:07
a la página de varios 00:06:09
bueno, pues, ¿cómo hacer 00:06:11
una casa de cartón? 00:06:13
cuando creo un contenido 00:06:15
tendré que ponerle un nombre 00:06:16
por ejemplo 00:06:21
vídeo 00:06:22
caja de cartón 00:06:23
hay que tener 00:06:26
cuidado porque ahora 00:06:29
cuando le diga publicar, en el momento no he creado 00:06:32
ningún contenido, veis que aparece aquí 00:06:35
el mismo texto 00:06:36
del nombre de, bueno, lo he puesto en 4 00:06:38
ahora lo quito, bueno 00:06:40
yo creo que con este titular es más que suficiente 00:06:42
pues para eliminar eso 00:06:45
antes para poner este texto me he ido a la apariencia 00:06:46
y ahora me voy a la configuración 00:06:49
estoy configurando el recurso 00:06:50
no el contenido todavía 00:06:52
configuración 00:06:55
y en preferencias avanzadas 00:06:57
viene por defecto 00:06:59
mostrar el título de los contenidos 00:07:01
pues no quiero que lo muestre 00:07:02
y cuando guarde 00:07:04
finalizar, veis, ya no aparece 00:07:06
vale 00:07:09
Como decía, ya tengo la página creada, ya tengo el contenido y ahora lo que voy a hacer es, ya no tengo que crearlo porque ya lo he creado, está vacío, pero ya lo he creado. Entonces, editar, voy a cambiar de aquí ya para que, porque este es el nombre que va a aparecer en los contenidos si yo accediese aquí a administración, gestión de contenidos, administrado de contenidos, aquí aparecerá el nombre por si quiero reutilizar esto. 00:07:11
estos son los contenidos ésta es de un pues seguramente de algo hecho 00:07:44
anteriormente de prueba puedo eliminar lo puedo dejarla igual no con utilizarlo 00:07:49
es suficiente pero de momento el que acabo de crear es éste 00:07:54
seguimos vamos a varios y ahora vamos a editar cuerpo 00:07:58
aquí hemos puesto el título cuerpo que es donde ponemos el contenido y aquí 00:08:06
podríamos poner texto podemos poner como tal casi todos los contenidos de la 00:08:11
página están hechos con este tipo de contenidos, con el agregador de contenidos, que luego 00:08:15
tiene aquí como un editor tipo Word y tal, para añadir determinados elementos, imágenes, 00:08:19
bueno, pues para vídeo son estos tres. Esto es para insertar o editar medio embebido, 00:08:24
que es el medio vídeos locales que subo al sitio y con el que vamos a tener menos control 00:08:29
de las tres opciones. Yo siempre, yo creo que es mucho más útil o bien YouTube, porque 00:08:35
que no estamos utilizando ningún espacio, o sea, es gratis y lo estamos utilizando el servidor de YouTube, 00:08:40
o como mediateca, insertar archivo en mediateca es tan fácil como primero subirlo a la mediateca 00:08:48
y luego pulsamos aquí y poner la dirección, simple y llanamente. 00:08:54
Pero también tiene menos control, tendremos que programarlo un poquito si queremos que tenga un tamaño determinado. 00:09:00
eso va a estar muy bien si para tener por ejemplo en una en una columna pero 00:09:05
no la pantalla completa así que vamos a usar youtube 00:09:09
yo tengo aquí ya el vídeo que me habéis enviado de youtube que es la dirección 00:09:14
la voy a copiar y la pongo aquí la pego ya está como el vídeo lo he hecho a 00:09:20
pantalla completa aquí cambiar tamaño lo he hecho en hd pues está en hd perdón 00:09:28
pues todo este tamaño realmente no me interesa ninguno de estos 00:09:34
bueno, a lo mejor este podría ser suficiente 00:09:39
pero bueno, voy a hacerlo a 1280 00:09:42
que es el tamaño original del vídeo 00:09:44
por 720 00:09:46
luego ya YouTube hará que esté a HD o no 00:09:48
en función de la conexión 00:09:51
y bueno, una serie de parámetros 00:09:53
inserto 00:09:56
y ya tenemos el vídeo creado 00:09:56
publicar 00:10:00
voy a decirle que no quiero editar ya los controles 00:10:02
que no aparezcan los controles 00:10:06
y aquí está mi vídeo 00:10:07
ya está 00:10:09
voy a copiar la url 00:10:10
no quiero ya que aparezca aquí 00:10:15
pues me voy 00:10:18
a las páginas 00:10:21
y seleccionando 00:10:23
varios 00:10:25
le digo quiero que lo oculte 00:10:26
en el menú de navegación 00:10:28
y guardo 00:10:30
ya tendría que tenerlo listo 00:10:32
para veis ya no aparece lo que quiero bueno voy a fotos y eventos y 00:10:36
simplemente ahora darle el vínculo esta página es la página que también está en 00:10:41
una sola columna la pantalla completa todo esto esto es una tabla y dentro de 00:10:47
cada celda están los distintos iconos que de momento estos están activos estos 00:10:51
todavía no ha ocurrido pues todavía no tenemos nada y aquí que si hemos creado 00:10:58
pues evitar controles esto como decía era para cambiar lo que es todo el 00:11:01
recurso y dentro del del agregador está la tabla edición de la tabla en cuerpo 00:11:10
es una tabla y aquí puso con el botón derecho para seleccionarlo y voy al 00:11:19
vínculo, pego lo que acabo de copiar 00:11:27
que es la dirección de la página varios y quiero que me lo abra en esta 00:11:31
ventana, no quiero que me lo abra en una ventana aparte, si hubiera un pdf 00:11:36
entonces sí le diría que me lo abriese en una ventana nueva, pero en este caso 00:11:40
la sustituye y punto, insertar 00:11:44
y ya está listo 00:11:47
varios, insertar 00:11:54
ya debería estar, publico 00:12:00
y aquí ya 00:12:03
ya sabéis que si le quito lo del control 00:12:05
ya lo voy a ver como lo va a ver 00:12:07
cualquier, ahora mismo no porque 00:12:09
veis que aparece aquí como está descompensado 00:12:10
eso es porque está viendo los 00:12:13
está poniendo digamos los controles 00:12:14
de edición en cuanto 00:12:16
vuelvo a pulsar, ya si va a aparecer 00:12:18
veis que ya si está ajustado 00:12:21
ya va a aparecer 00:12:23
como lo va a ver cualquier usuario 00:12:25
fotos y eventos 00:12:27
aquí tengo 00:12:29
la primera galería 00:12:30
aquí tengo la galería que ya tenía 00:12:33
pantalla completa con las dos imágenes 00:12:34
vamos a ocultar los controles 00:12:37
pulso 00:12:39
me abre el vídeo 00:12:40
a pantalla completa 00:12:43
y esto es todo 00:12:44
Subido por:
Tic cp gandhi madrid
Licencia:
Dominio público
Visualizaciones:
107
Fecha:
11 de febrero de 2019 - 14:35
Visibilidad:
Público
Centro:
CP INF-PRI GANDHI
Duración:
12′ 48″
Relación de aspecto:
1.78:1
Resolución:
1600x900 píxeles
Tamaño:
41.83 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid