{"id":992,"date":"2019-04-04T08:15:53","date_gmt":"2019-04-04T08:15:53","guid":{"rendered":"http:\/\/localhost\/?p=992"},"modified":"2021-03-10T08:36:26","modified_gmt":"2021-03-10T08:36:26","slug":"como-incluir-videos-ubuvirtual","status":"publish","type":"post","link":"https:\/\/www3.ubu.es\/ubucevblog\/como-incluir-videos-ubuvirtual\/","title":{"rendered":"C\u00f3mo incluir v\u00eddeos en UBUVirtual"},"content":{"rendered":"
<\/div>

<\/path><\/svg><\/i> \"Loading\"<\/p>

<\/div>\n

Hemos hablado de la importancia de los contenidos audiovisuales<\/a> en la docencia. Resulta muy interesante completar o ampliar una materia con el apoyo de alg\u00fan contenido multimedia, principalmente en formato v\u00eddeo. Esos contenidos pueden estar disponibles en diversas fuentes (principalmente, plataformas de contenidos en v\u00eddeo: YouTube, Vimeo, medios de comunicaci\u00f3n, etc), pero es necesario ponerlos a disposici\u00f3n de los estudiantes en UBUVirtual.<\/p>\n\n\n\n

Como siempre hemos recomendado, el recurso p\u00e1gina<\/a> es ideal para mostrar la informaci\u00f3n directamente en el navegador, evitando que el estudiante tenga que abandonar la plataforma o utilizar otro software diferente<\/strong>. Adem\u00e1s, el contenido se maqueta en funci\u00f3n de los distintos navegadores y\/o dispositivos desde los cuales se accede. Un recurso p\u00e1gina cuenta con un editor de texto mediante el cual se van a\u00f1adiendo los contenidos, que pueden ser textos (con diversos formatos, fuentes, tama\u00f1os, estilos…), im\u00e1genes, tablas, enlaces, extractos de audio y tambi\u00e9n v\u00eddeos. De esta manera se consigue mostrar informaci\u00f3n de distinto tipo en una sola p\u00e1gina web, directamente en UBUVirtual<\/strong>.<\/p>\n\n\n\n

\"A\u00f1adir<\/figure><\/div>\n\n\n\n

Una vez creada la p\u00e1gina y especificado un nombre, se deben introducir los contenidos en el editor HTML, como en la mayor\u00eda de recursos y actividades de UBUVirtual.<\/p>\n\n\n\n

En cualquier momento se puede guardar el trabajo para comprobar c\u00f3mo va quedando el resultado (\u00abGuardar cambios y mostrar\u00bb) y retomar la edici\u00f3n m\u00e1s adelante.<\/p>\n\n\n\n

A\u00f1adir un v\u00eddeo a la p\u00e1gina<\/h2>\n\n\n\n

Mediante el editor de p\u00e1gina podemos a\u00f1adir un v\u00eddeo (bot\u00f3n \u00abinsertar multimedia\u00bb), pero dependiendo del navegador es posible que aparezca un error que impide mostrar el v\u00eddeo.<\/p>\n\n\n\n

\"Insertar<\/figure><\/div>\n\n\n\n

Tambi\u00e9n podr\u00eda ocurrir lo mismo si subimos el v\u00eddeo directamente a UBUVirtual (mediante \u00abExaminar repositorios\u00bb); esta opci\u00f3n adem\u00e1s ocupa espacio y tr\u00e1fico del servidor; por ello, la copia de seguridad de la asignatura crecer\u00e1. Es por esto que se desaconseja subir archivos de v\u00eddeo<\/strong> directamente a UBUVirtual.<\/p>\n\n\n\n

Para evitar que ese error les aparezca a los estudiantes (no podemos controlar qu\u00e9 dispositivos\/navegadores\/Sistemas Operativos est\u00e1n usando), la opci\u00f3n m\u00e1s segura es \u00abincrustar\u00bb (o insertar) el v\u00eddeo directamente desde su web original, ya que muchas de ellas permiten esta opci\u00f3n.<\/p>\n\n\n\n

Incrustar v\u00eddeos desde YouTube<\/h2>\n\n\n\n

Con una p\u00e1gina ya estructurada (t\u00edtulos, textos, im\u00e1genes, enlaces, etc), es momento de insertar un v\u00eddeo.<\/p>\n\n\n\n

El v\u00eddeo que pretendemos mostrar a los estudiantes est\u00e1 en la URL:<\/p>\n\n\n\n

www.youtube.com\/watch?v=_L_EK89t94I<\/p>\n\n\n\n

En YouTube cada v\u00eddeo tiene un ID (identificador) \u00fanico, formado por 11 caracteres<\/strong>. Para el caso del v\u00eddeo elegido, su ID es _L_EK89t94I<\/strong> (despu\u00e9s veremos para qu\u00e9 sirve).<\/p>\n\n\n\n

En la p\u00e1gina del v\u00eddeo en YouTube, bajo el v\u00eddeo aparece un bot\u00f3n para COMPARTIR. Ese bot\u00f3n abre una ventana emergente, cuya primera opci\u00f3n es INSERTAR.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Esa opci\u00f3n abre otra ventana en la que aparece un c\u00f3digo en lenguaje HTML. Ese es el c\u00f3digo que se debe usar para insertar el v\u00eddeo en una p\u00e1gina web, en un blog, en un foro… y en una p\u00e1gina en UBUVirtual.<\/p>\n\n\n\n

Existen unas opciones que modifican ese c\u00f3digo HTML y, una vez que lo hayamos configurado, copiamos todo el c\u00f3digo.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Sin embargo, existen m\u00e1s opciones de personalizaci\u00f3n y son m\u00e1s dif\u00edciles de acceder directamente; por ello desde el UBUCEV recomendamos usar este c\u00f3digo HTML<\/strong>:<\/p>\n\n\n\n

<iframe src=\u00bbhttps:\/\/www.youtube.com\/embed\/_L_EK89t94I<\/strong>?&rel=0&showinfo=0″ allowfullscreen=\u00bballowfullscreen\u00bb frameborder=\u00bb0″ height=\u00bb480″ width=\u00bb853″><\/iframe><\/p>\n\n\n\n

Y ahora viene el paso clave<\/strong>: debemos copiar ese c\u00f3digo HTML, ir al recurso p\u00e1gina en UBUVirtual y conmutar a la vista HTML pulsando en el \u00faltimo bot\u00f3n del editor<\/strong>:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Pegamos el c\u00f3digo HTML en el lugar correspondiente. Cuando alternamos de nuevo a la vista normal, si todo ha ido bien, el v\u00eddeo se carga en su lugar correspondiente.<\/p>\n\n\n\n

El truco definitivo para YouTube<\/h2>\n\n\n\n

A partir de ahora, para cualquier v\u00eddeo de YouTube que queramos insertar, s\u00f3lo debemos copiar el c\u00f3digo resaltado m\u00e1s arriba, localizar el ID del v\u00eddeo (los 11 caracteres) y sustituirlos por los correspondientes al v\u00eddeo que queramos incrustar<\/strong>.<\/p>\n\n\n\n

\n