El nostre bloc ens ofereix diferents opcions per incrustar un vídeo en la nostra pàgina web, depenent de quin servei extern volguem fer servir.

Si fem servir un vídeo que hem trobat o publicat a youtube.com o a vimeo.com ho tenim fàcil. Només cal enganxar la url del vídeo en el lloc on volguem que es vegi el video.
Editor de la entrada

El nostre bloc farà la resta de feina i el veurem directament un cop publiquem l'entrada o pàgina.

incrustem un video

Fixeu-vos que només hem hagut de copiar, en l'editor de text, l'adreça web o url del vídeo que ens interessi ensenyar.

Ara bé, aquest mètode només funciona amb els vídeos publicats a vimeo i a youtube, si fem servir un altre canal de vídeo ho tindrem una mica més complicat.

Per publicar vídeos d'altres serveis, has d'activar primer una extensió anomenada Wordpress Video Plugin.

Activar WPVP

Un cop activada, repassem una mica el seu funcionament. És interessant que mirem les instruccions que ens apareixen en la pàgina d'instruccions de la extensió.

Enllaç a les instruccions

En aquesta pàgina trobarem (en anglès) les diferents maneres com publicar els vídeos de les diferents pàgines. Posem l'exemple de Blip.tv:

Blip.tv
[bliptv id width height]
You will find the id, when you copy the video code for an embeded player. Look for this line: src=“http://blip.tv/play/gvFH8rZBgvNh” For the URI http://blip.tv/file/1865111, the id part is gvFH8rZBgvNh → [bliptv gvFH8rZBgvNh]

Traduïm:

Blip.tv
[bliptv id width height]
Necessites trobar la id, quan estàs copiant el codi de vídeo d'un visualitzador incrustat. Fixem-nos en aquesta línia: src=“http://blip.tv/play/gvFH8rZBgvNh” Per la URI http://blip.tv/file/1865111, la id és gvFH8rZBgvNh → [bliptv gvFH8rZBgvNh]

Per posar un vídeo de blip.tv ens cal escriure el codi:

[bliptv idampladaalçada]

Per trobar el codi id del vídeo de bliptv, hem de clicar al botó de Compartir ("share") del clip que ens interessi:

boto share

En la finestra que apareix, hem de seleccionar el codi embed:

codi embed

El codi embed sencer té un aspecte com aquest

<iframe src="http://blip.tv/play/AYLZqXcC.html" width="550" height="442" frameborder="0" allowfullscreen></iframe><embed type="application/x-shockwave-flash" src="http://a.blip.tv/api.swf#AYLZqXcC" style="display:none"></embed>

De la qual només ens interessa la part que hem ressaltat: AYLZqXcC

Per introduïr el vídeo, posem el codi:
[bliptv AYLZqXcC]

on volguem que aparegui.
insertar codi video




I apareixerà en la nostra web:

video incrustat

Si volem canviar-ne la mida, només hem d'ampliar el codi amb l'amplada i alçada desitjada, en píxels. En el nostre cas, el codi quedaria així:

[bliptv AYLZqXcC 450 350]

D'aquesta manera podem adaptar-lo al disseny del nostre web!
Darrera modificació: dimarts, 8 novembre 2011, 13:41