Inserció d’un vídeo en un article XTECBlog

Accés al XTECBlog Des de: http://www.xtec.cat

Clicar a sobre d’aquest icone

Clicar sobre l’opció del bloc que volem administrar

XTECBlog usuari validat

Menú de blocs creat per l’usuari

Recorda’t d’identificar-te

abans

Menú Articles, escollir un article ja

creat o crear un nou (opcions: Edita

o Afegeix)

XTECBlog Menú-Article

Si hem clicat sobre l’opció Edita surt una nova finestra amb tots els articles creats al

nostre bloc. Si volem editar un article passeu el ratolí per sobre del nom de

l’article i sortiran les opcions d’edició de l’article dessitjat.

XTECBlog Menú-Article

Tant si heu clicat l’opció Afegeix com

l’opció Edició finalment surt la finestra d’edició

d’un article

XTECBlog Edició Article

Aquest és el menú d’icones per afegir fitxers mèdia a un article. Si passeu el ratolí per sobre de cada

icone un surt la seva funció. Si voleu inserir un vídeo teniu que clicar a

sobre del segon icone de l’esquerra

Botons per afegir mèdia des de una adreça de pàgina

web o url. El primer permet afegir fitxer flash (extensió swf)

i el segon fitxers mov, mp3…

L’opció de pujar un vídeo al nostre bloc no és molt recomable per dos motius principalment: El tamany màxim del vídeo està limitat a 1Mb L’espai total per emmagatzenar fitxers és de 30Mb.

Si voleu no obstant pujar vídeos és pot realitzar seguint els mateixos passos que per insertar imatges.

És molt més recomanable incloure la referència a un vídeo que ja està penjat en la web (com els vídeos Youtube), aquesta tècnica es coneix com “embed”.

Altre forma és utilitzar els botons

XTECBlog: inserció d’un vídeo en un article

Anem a veure com insertar codí per incloure un vídeo del Youtube:Edita o crea l’article on vols posar el vídeo.Escull l’opció edició HTML.En altre pestanya o finestra del teu navegador

cerca el vídeo Youtube que vols incloure.Configura les opcions de tamany i colors de fons

del vídeo.Copia el text que hi ha dins del camp embed

utilitzant les tecles CTRL+C.Pega aquest text dins de l’àrea d’edició de text del

teu article utilitzant les tecles CTRL+V.Guarda els canvis clicant el botó actualitza l’article.

XTECBlog: inserció d’un vídeo des de Youtube

XTECBlog: inserció d’un vídeo des de Youtube

Escull l’opció d’edició de l’article

HTML

XTECBlog: inserció d’un vídeo des de Youtube

Botó de configuració

opcions del vídeo a incustrar

Codi a copiar: selecciona’l posant a sobre el ratolí i clica CTRL+C (després de haver configurat

les opcions)

Seleccionar les opcions clicant a sobre de cada

rectangle

Seleccionar els colors de fons

contorn

Seleccionar seleccionar

tamany de finestra de vídeo

XTECBlog: inserció d’un vídeo des de Youtube

Enganxa el codi copiat dins de la

finestra d’edició de l’article clicant els botons CTRL+V

Guarda els canvis de l’article

XTECBlog: inserció d’un vídeo utilitzant els botons

Clica sobre aquest botó per afegir fitxer

flashCopia aquí l’adreça de la pàgina web on hi ha el recurs flash

Escull l’opció d’edició de l’article

VISUAL

XTECBlog: inserció d’un vídeo utilitzant els botons

Copia l’adreça de la pàgina web utilitzant CTRL+C (la pàgina acaba amb l’extensió *.swf)

Copia aquí l’adreça de la pàgina web on hi ha el recurs mèdia

Clica sobre aquest botó per afegir fitxer

mèdia

XTECBlog: inserció d’un vídeo utilitzant els botons

Escull l’opció d’edició de l’article

VISUAL

XTECBlog: inserció d’un vídeo utilitzant els botons

Copia l’adreça de la pàgina web utilitzant CTRL+C o el contigut

del camp URL

Anem a veure com insertar codí per incloure un vídeo de la web edu3:Edita o crea l’article on vols posar el vídeo.Escull l’opció edició HTML.En altre pestanya o finestra del teu navegador

cerca el vídeo edu3 que vols incloure.Copia el text que hi ha dins del camp embedir

utilitzant les tecles CTRL+C.Vés a l’article i clica l’opció Media de la barra del

menú edició HTML. S’obre una finestra emergent que indica que posis l’adreça web, copia eltext dins d’aquest camp utilitzant les tecles CTRL+V.

Configura l’ample i l’alçada de la finestra del vídeo.Guarda els canvis clicant el botó actualitza l’article.

XTECBlog: inserció d’un vídeo des de www.edu3.cat

XTECBlog: inserció d’un vídeo des de www.edu3.cat

Clica sobre l’opció afegir mèdia per insertar el vídeo

Escull l’opció d’edició de l’article

HTML

XTECBlog: inserció d’un vídeo des de www.edu3.cat

En la web edu3.cat escull el vídeo i còpia el codi per embedir utilitzant

les tecles CTRL+C

XTECBlog: inserció d’un vídeo des de www.edu3.cat

En la finestra emergent de

l’article del bloc pegar el text

copiat anteriorment

utilitzant les tecles CTRL+V

XTECBlog: inserció d’un vídeo des de www.edu3.cat

Codi de vídeo insertat en

l’article, si voleu canviar el tamany de la finestra del vídeo canvieu els valors de “width” i

“height”