Vés al contingut (premeu Retorn)

Incorporar vídeos: UPCtv

Dificultat Fàcil Important

Des de fa temps el navegador Chrome desactiva el contingut en flash pel que cal activar-ho explícitament. En aquest enllaç us expliquem com fer-ho.

Us recomanem inserir vídeos en format html5 i us expliquem con fer-ho des de la plataforma tv.upc.edu

Accediu a la descripció del vídeo (obriu l'enllaç en una finestra nova)

 

Pas a pas

 

  1. Copiem el codi del vídeo que necessitem fent clic al botó Comparteix: al teu web</>, a la part inferior dreta de la descripció del web tv.upc.edu
    <object id="player" width="576" height="324" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="https://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" name="player"> <param name="allowfullscreen" value="true" /> <param name="allowscriptaccess" value="always" /> <param name="wmode" value="opaque" /> <param name="flashvars" value="image=https://tv.upc.edu/continguts/un-repas-tecnic-a-la-situacio-de-fukushima/miniature_image&netstreambasepath=https://tv.upc.edu/continguts/un-repas-tecnic-a-la-situacio-de-fukushima&id=player&backcolor=000000&frontcolor=FFFFFF&lightcolor=33BBEE&skin=https://tv.upc.edu/upctvplayer/skins/five.zip&controlbar.position=over&file=https://tv.upc.es/vod/sesion-informativa-nuclear-higher.mp4" /> <param name="src" value="https://tv.upc.edu/upctvplayer/swf/player.swf" /> <embed id="player" width="576" height="324" type="application/x-shockwave-flash" src="https://tv.upc.edu/upctvplayer/swf/player.swf" allowfullscreen="true" allowscriptaccess="always" wmode="opaque" flashvars="image=https://tv.upc.edu/continguts/un-repas-tecnic-a-la-situacio-de-fukushima/miniature_image&netstreambasepath=https://tv.upc.edu/continguts/un-repas-tecnic-a-la-situacio-de-fukushima&id=player&backcolor=000000&frontcolor=FFFFFF&lightcolor=33BBEE&skin=https://tv.upc.edu/upctvplayer/skins/five.zip&controlbar.position=over&file=https://tv.upc.es/vod/sesion-informativa-nuclear-higher.mp4" name="player" /> </object><a href="https://tv.upc.edu/continguts/un-repas-tecnic-a-la-situacio-de-fukushima" target="_blank" title="Accediu a la descripció del vídeo (obriu l'enllaç en una finestra nova)"> <img alt="Accediu a la descripció del vídeo (obriu l'enllaç en una finestra nova)" height="24" src="https://tv.upc.edu/icon_access.png" width="24" /></a>
  2. Escollim dos valors, la ruta del vídeo i la ruta de la imatge per defecte que sortirà mentre el vídeo esta sense reproduir-se.

    Ruta del vídeo

    <source src="https://tv.upc.es/vod/UPC_internacional-higher.mp4" type="video/mp4" >
  3. Ruta de la miniatura per defecte

    poster="https://tv.upc.edu/continguts/upc-una-universitat-que-mira-cap-al-mon/miniature_image
  4. Hem d'adaptar el codi html5 de video amb els valors obtinguts

    <div><video width="576" height="324" controls="controls" poster="https://tv.upc.edu/continguts/upc-una-universitat-que-mira-cap-al-mon/miniature_image"><source src="https://tv.upc.es/vod/UPC_internacional-higher.mp4" type="video/mp4" /> Ho sentim, el vostre navegador no suporta vídeo HTML5. </video><a href="https://tv.upc.edu/continguts/upc-una-universitat-que-mira-cap-al-mon" target="_blank" title="Accediu a la descripció del vídeo (obriu l'enllaç en una finestra nova)"><img alt="Accediu a la descripció del vídeo (obriu l'enllaç en una finestra nova)" height="24" src="https://tv.upc.edu/icon_access.png" width="24" /></a></div>