Vés al contingut (premeu Retorn)

Incorporar vídeos des del propi genweb

Dificultat Molt Fàcil

Per a fer un popover cal editar l'HTML des del codi i controlar l'activador.

Pas a pas

  1. Primer de tot hem de pujar en el nostre Genweb el vídeo que volem incorporar a la pàgina.
  2. Després també hem de pujar la imatge de previsualització que es veurà abans d'iniciar la reproducció del vídeo. Tingueu en compte que la mida de la imatge que pugeu al vostre Genweb coincideixi, en amplada i altura, amb la mida del vídeo. La mida del vídeo ve determinada en el codi de l'etiqueta <object height="324" width="576"...
  3. A la pàgina on volem incorporar el vídeo, haurem d'editar-hi el codi font: hi enganxem el codi <object> extret de qualsevol vídeo d'UPCtv. També podem copiar el codi que es mostra en el següent pas d'aquest exemple.
  4. En aquest codi cal fer-hi un parell de modificacions, marcades en negreta, per poder visualitzar el vídeo que haguem incorporat en el nostre web. Es tracta de canviar la ruta del fitxer de vídeo i de la imatge de previsualització per les rutes dels fitxers que acabem de pujar en el nostre Genweb:

Vídeo HTML5:

<div><video width="100%" height="240" muted="true" controls="controls" poster="taskmotion_1.png"><source src="rss2.webm" type="video/mp4" /> Sorry, your browser doesn't support HTML5 video. </video>Text descriptor</div>

 

Vídeo Flash:
<object id="player" name="player" height="324" width="576" type="application/x-shockwave-flash" codebase="https://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10" data="https://tv.upc.edu/upctvplayer/swf/player.swf">
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="wmode" value="opaque" />
<param name="movie" value="https://tv.upc.edu/upctvplayer/swf/player.swf" />
<param name="flashvars" value="image=https://tv.upc.edu/continguts/un-repas-tecnic-a-la-situacio-de-fukushima/miniature_image&amp;netstreambasepath=https://tv.upc.edu/continguts/un-repas-tecnic-a-la-situacio-de-fukushima&amp;id=player&amp;backcolor=000000&amp;frontcolor=FFFFFF&amp;lightcolor=33BBEE&amp;
skin=https://tv.upc.edu/upctvplayer/skins/five.zip&amp;controlbar.position=over&amp;file=https://tv.upc.es/vod/sesion-informativa-nuclear-higher.mp4" />
</object>

 

Compte!! Sempre feu servir el protocol HTTPS enlloc del HTTP.