Com-es-fa‎ > ‎How-to-do‎ > ‎

Afegir Vídeo

13 de març 2011, 14:05 publicada per Albert Profe   [ actualitzat el 25 de març 2012, 8:52 ]
Una utilitat molt estesa i demanada és afegir un reproductor de vídeo des del propi web (o per defecte un altre web on siguem propietaris). Es a dir, el reproductor i el vídeo s'allotjaran en el vostre web. No es tracta de enllaçar un vídeo de YouTube o Google si no de tindre'l a la web i reproduir-lo directament.

Aquí teniu l'exemple:



Ho farem en 6 passos:

1.- En primer lloc, hem de descarregar el reproductor de vídeo que volem. En el nostre cas, descarreguem des de la plana:


el reproductor DewPlayer, que és open source i fàcil instal·lar.


2.- A una plana tipus "Emmagatzematge de fitxers" del nostre Site pujarem el reproductor que volem, Dewplayer té diversos i escollim DewTube.swf. Hem de carregar el fitxer .swf a una plana d'aquest tipus ja que funciona com un FTP. Per exemple:

https://sites.google.com/site/albertprofe/documents/musica


3.- També pugem el vídeo.flv que volem a la mateixa plana. Podem separar el reproductor i el vídeo en carpetes per tindre un major ordre. En el nostre cas Avions.flv.


4.- Ara que ja tenim el reproductor -en format .swf- i el vídeo -en format .flv- a la nostra web ja podem incrustar el codi HTML corresponent on vulguem que aparegui el nostre reproductor.


5.- On posa la teva web has de escriure la direcció de la web de Google Sites on s'han pujat el reproductor i el vídeo. Recordem que en el nostre exemple era:

https://sites.google.com/site/albertprofe/documents/musica


6.- On posa video has de escriure el nom del teu vídeo. Recordem que en el nostre exemple era:

https://sites.google.com/site/albertprofe/
documents/musica/Avions.flv

ARXIUS PUJATS






CODI HTML


<object type="application/x-shockwave-flash" data="
la teva web
/dewtube.swf" width="512" height="384">

<param name="allowFullScreen" value="true" />

<param name="movie" value="
la teva web
/dewtube.swf" />

<param name="flashvars" value="movie=
la teva web
/video.flv&amp;width=512&amp;height=384" />

</object>
Comments