{"id":4062,"date":"2023-11-27T18:21:35","date_gmt":"2023-11-27T16:21:35","guid":{"rendered":"https:\/\/webs.uab.cat\/edicio-web\/?page_id=4062"},"modified":"2025-12-19T11:19:46","modified_gmt":"2025-12-19T09:19:46","slug":"video","status":"publish","type":"page","link":"https:\/\/webs.uab.cat\/webedit\/edicio-de-continguts\/manual\/video\/","title":{"rendered":"V\u00eddeo"},"content":{"rendered":"\n<p>L\u2019<strong>asset Multim\u00e8dia V\u00eddeo<\/strong> s\u2019utilitza per acompanyar les not\u00edcies, i tamb\u00e9 es pot inserir en p\u00e0gines interiors o en els destacats de la portada. En la captura de pantalla que veiem m\u00e9s avall, podem observar un exemple d\u2019un v\u00eddeo dins d\u2019una p\u00e0gina interior:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"717\" src=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/1VideoVisualitzacio-1-1024x717.png\" alt=\"Exemple de visualitzaci\u00f3 d'un v\u00eddeo de Pumukit dins d'una p\u00e0gina\" class=\"wp-image-4886\" srcset=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/1VideoVisualitzacio-1-1024x717.png 1024w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/1VideoVisualitzacio-1-300x210.png 300w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/1VideoVisualitzacio-1-768x538.png 768w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/1VideoVisualitzacio-1-1536x1075.png 1536w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/1VideoVisualitzacio-1-1200x840.png 1200w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/1VideoVisualitzacio-1.png 1654w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Tot i que l\u2019exemple \u00e9s dins d\u2019una p\u00e0gina interior, en realitat aquest asset serveix per reproduir v\u00eddeos dins de <strong>P\u00e0gines<\/strong>, <strong>Not\u00edcies<\/strong>, <strong>M\u00f2duls<\/strong> i <strong>Files<\/strong>. \u00c9s a dir, \u00e9s un asset molt vers\u00e0til. Si volem crear un contingut d\u2019aquest tipus, simplement cal anar al bot\u00f3 <strong>\u2018Contenido\u2019<\/strong>, seleccionar l\u2019opci\u00f3&nbsp;<strong>Nuevo &gt; Multim\u00e8dia<\/strong> i despr\u00e9s seleccionar la definici\u00f3 <strong>Multim\u00e8dia \u2018V\u00eddeo\u2019<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"930\" height=\"660\" src=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/NouAssetMultimedia.png\" alt=\"Ubicaci\u00f3 de l'asset Multim\u00e8dia en el men\u00fa Nuevo del gestor de continguts\" class=\"wp-image-4885\" srcset=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/NouAssetMultimedia.png 930w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/NouAssetMultimedia-300x213.png 300w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/NouAssetMultimedia-768x545.png 768w\" sizes=\"auto, (max-width: 930px) 100vw, 930px\" \/><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"812\" height=\"590\" src=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Definicio-Multimedia-Video.png\" alt=\"Captura de pantalla de les definicions de l'asset multim\u00e8dia on s'ha resaltat la definici\u00f3 V\u00eddeo\" class=\"wp-image-4884\" srcset=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Definicio-Multimedia-Video.png 812w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Definicio-Multimedia-Video-300x218.png 300w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Definicio-Multimedia-Video-768x558.png 768w\" sizes=\"auto, (max-width: 812px) 100vw, 812px\" \/><\/figure>\n<\/div>\n\n\n<p>Una vegada creat el nou asset, \u00e9s hora d\u2019omplir els camps. Per ajudar-vos, a continuaci\u00f3 detallem cada camp que hi trobareu:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"991\" src=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Asset-ML_VID-1024x991.png\" alt=\"Camp de l'asset multim\u00e8dia v\u00eddeo on podrem indicar la font del v\u00eddeo: Pumukit o Youtube\" class=\"wp-image-4883\" srcset=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Asset-ML_VID-1024x991.png 1024w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Asset-ML_VID-300x290.png 300w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Asset-ML_VID-768x744.png 768w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Asset-ML_VID.png 1070w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">Camps de l&#8217;asset<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>*<strong>Nombre:<\/strong> el nom de l\u2019asset Multim\u00e8dia V\u00eddeo no apareix en cap lloc del web, nom\u00e9s serveix per identificar els multim\u00e8dia dins del gestor de continguts. Els noms dels assets de tipus Multim\u00e8dia amb la definici\u00f3 \u2018V\u00eddeo\u2019 han de comen\u00e7ar pel prefix VID_, aix\u00ed: &#8216;VID_Exemple Nom Multim\u00e8dia&#8217;<br>En el cas dels multim\u00e8dia que s\u00f3n traduccions, hi afegirem sempre el prefix (es) o (en) per indicar-ne l\u2019idioma.<\/li>\n\n\n\n<li><strong>Etiquetas:<\/strong> camp opcional, per si es vol etiquetar els assets i aix\u00ed trobar-los m\u00e9s r\u00e0pidament en el gestor de continguts.<\/li>\n\n\n\n<li><strong>Categor\u00eda:<\/strong> aqu\u00ed es pot escollir una o m\u00e9s de les categories creades per a aquest contingut. Aquest camp no \u00e9s obligatori.<\/li>\n\n\n\n<li>*<strong>Tipus de v\u00eddeo<\/strong>: aqu\u00ed escollirem si es tracta d\u2019un v\u00eddeo d\u2019una de les dues plataformes disponibles: <strong>Pumukit<\/strong> o <strong>YouTube<\/strong>.<\/li>\n\n\n\n<li>*<strong>V\u00eddeo<\/strong>: si el v\u00eddeo prov\u00e9 de&nbsp;<strong><a href=\"https:\/\/videosdigitals.uab.cat\/\" target=\"_blank\" rel=\"noreferrer noopener\">Pumukit<\/a><\/strong>, caldr\u00e0 introduir-hi el n\u00famero d\u2019ID del v\u00eddeo. Si prov\u00e9 de <strong>YouTube<\/strong>, caldr\u00e0 posar-hi la part final de l\u2019URL, tal com indica la captura de pantalla seg\u00fcent:<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"675\" src=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/codi-youtube.png\" alt=\"Exemple del codi de Youtube que haurem de copiar al gestor de continguts\" class=\"wp-image-4882\" srcset=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/codi-youtube.png 1024w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/codi-youtube-300x198.png 300w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/codi-youtube-768x506.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"638\" src=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/inserir-codi-youtube.png\" alt=\"Camps de l'asset multim\u00e8dia v\u00eddeo on podem indicar que el v\u00eddeo prov\u00e9 de Youtube i quin codi l'identifica\" class=\"wp-image-4881\" srcset=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/inserir-codi-youtube.png 1024w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/inserir-codi-youtube-300x187.png 300w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/inserir-codi-youtube-768x479.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>*<strong>T\u00edtol<\/strong>: aquest camp \u00e9s obligatori perqu\u00e8 determina el t\u00edtol de l&#8217;embed i \u00e9s important que sigui prou entenedor, ja que ser\u00e0 llegible pels usuaris.<\/li>\n\n\n\n<li><strong>Peu de foto:<\/strong> opcionalment, es pot mostrar un peu de foto. En aquest cas, es visualitzar\u00e0 com una petita descripci\u00f3.<\/li>\n\n\n\n<li><strong>*Ratio:<\/strong> aqu\u00ed escollirem les proporcions en qu\u00e8 es mostrar\u00e0 el v\u00eddeo. Normalment es tracta del format apa\u00efsat 16:9.<\/li>\n\n\n\n<li><strong>Arxiu imatge miniatura<\/strong>: aquest camp no \u00e9s obligatori, per\u00f2 \u00e9s molt recomanable, ja que aquesta imatge es veur\u00e0 dins d\u2019una galeria (Fila o M\u00f2dul). Exemple:<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"647\" data-id=\"4880\" src=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Visualitzacio-galeria.jpg\" alt=\"Exemple de visualitzaci\u00f3 d'un v\u00eddeo dins d'una galeria multim\u00e8dia\" class=\"wp-image-4880\" srcset=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Visualitzacio-galeria.jpg 900w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Visualitzacio-galeria-300x216.jpg 300w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Visualitzacio-galeria-768x552.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/figure>\n\n\n\n<p>Una vegada creat l\u2019asset Multim\u00e8dia V\u00eddeo, el podreu afegir dins d\u2019una <a href=\"https:\/\/webs.uab.cat\/webedit\/edicio-de-continguts\/manual\/asset-pagina\/\"><strong>P\u00e0gina interior<\/strong><\/a>, una <strong><a href=\"https:\/\/webs.uab.cat\/webedit\/edicio-de-continguts\/manual\/noticia\/\" data-type=\"page\" data-id=\"2913\">Not\u00edcia<\/a><\/strong> o una <strong>Galeria Multim\u00e8dia<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>L\u2019asset Multim\u00e8dia V\u00eddeo s\u2019utilitza per acompanyar les not\u00edcies, i tamb\u00e9 es pot inserir en p\u00e0gines interiors o en els destacats de la portada. En la captura de pantalla que veiem m\u00e9s avall, podem observar un exemple d\u2019un v\u00eddeo dins d\u2019una p\u00e0gina interior: Tot i que l\u2019exemple \u00e9s dins d\u2019una p\u00e0gina interior, en realitat aquest asset [&hellip;]<\/p>\n","protected":false},"author":24,"featured_media":0,"parent":4525,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4062","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/pages\/4062","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/comments?post=4062"}],"version-history":[{"count":12,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/pages\/4062\/revisions"}],"predecessor-version":[{"id":7099,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/pages\/4062\/revisions\/7099"}],"up":[{"embeddable":true,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/pages\/4525"}],"wp:attachment":[{"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/media?parent=4062"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}