{"id":284,"date":"2020-06-30T14:52:11","date_gmt":"2020-06-30T12:52:11","guid":{"rendered":"https:\/\/blocs.xtec.cat\/culturadigitalmartilhuma\/?p=284"},"modified":"2024-01-19T17:59:04","modified_gmt":"2024-01-19T16:59:04","slug":"com-incrustar-un-video-de-youtube-o-de-drive-en-un-article-de-nodes","status":"publish","type":"post","link":"https:\/\/agora.xtec.cat\/iesmartilhuma\/bcd\/google-workspace\/drive\/com-incrustar-un-video-de-youtube-o-de-drive-en-un-article-de-nodes\/","title":{"rendered":"Com incrustar un v\u00eddeo de YouTube o de Drive en un article de Nodes"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-285\" src=\"http:\/\/blocs.xtec.cat\/culturadigitalmartilhuma\/files\/2020\/06\/INCRUSTACI\u00d3-NODES-1024x475.png\" alt=\"\" width=\"840\" height=\"390\" \/><\/p>\n<p>En <a href=\"https:\/\/blocs.xtec.cat\/culturadigitalmartilhuma\/2020\/06\/02\/com-extreure-el-codi-dincrustacio-dun-video-penjat-a-drive-o-a-youtube\/\">un post anterior us vam ensenyar com extreure el codi d\u2019incrustaci\u00f3 d\u2019un v\u00eddeo de <em>Youtube<\/em> o de <em>Drive<\/em><\/a>. En aquest us ensenyarem a incrustar els v\u00eddeos d\u2019aquestes plataformes en un post de <em>Nodes<\/em> o en qualsevol altre bloc fet amb la tecnologia <em>WordPress<\/em> com els blocs <em>XTEC<\/em>.<\/p>\n<p>Les primeres accions que hem de portar a terme per incrustar aquests v\u00eddeos s\u00f3n comunes per ambdues plataformes: cliquem sobre l\u2019opci\u00f3 <strong><em>Insereix<\/em><\/strong> (1) de la barra d\u2019eines d\u2019edici\u00f3 de l\u2019article i, en desplegar-se el men\u00fa, fem clic sobre l\u2019opci\u00f3 <strong><em>Media<\/em><\/strong> (2).<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-286\" src=\"http:\/\/blocs.xtec.cat\/culturadigitalmartilhuma\/files\/2020\/06\/001-4-1024x485.png\" alt=\"\" width=\"840\" height=\"398\" \/><\/p>\n<p>Un cop hem fet aix\u00f2 ens apareix una petita finestra amb tres pestanyes: <strong><em>General<\/em><\/strong>, <strong><em>Incrusta<\/em><\/strong> i <strong><em>Avan\u00e7at<\/em><\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-287\" src=\"http:\/\/blocs.xtec.cat\/culturadigitalmartilhuma\/files\/2020\/06\/002-4.png\" alt=\"\" width=\"451\" height=\"288\" \/><\/p>\n<p>Amb cada plataforma farem servir una pestanya diferent.<\/p>\n<p><strong>Incrustar un v\u00eddeo de <em>YouTube<\/em><\/strong><\/p>\n<p>Sense tancar la petita finestra que s\u2019ha obert a l\u2019edici\u00f3 de l\u2019article del <em>Nodes<\/em>, obrim <em>YouTube<\/em> en una altra pestanya o finestra del navegador i busquem el v\u00eddeo que volem incrustar. Quan ja l\u2019hem obert, copiem la seva adre\u00e7a web on hem marcat a la seg\u00fcent captura. Evidentment, si ja la tenim desada en algun altre lloc, doncs la copiem d\u2019all\u00ed on la tinguem.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-288\" src=\"http:\/\/blocs.xtec.cat\/culturadigitalmartilhuma\/files\/2020\/06\/003-4-1024x553.png\" alt=\"\" width=\"840\" height=\"454\" \/><\/p>\n<p>Un cop copiat l\u2019enlla\u00e7 al v\u00eddeo, tornem a <em>Nodes<\/em> i en la petita finestra que hav\u00edem obert, a la pestanya <strong><em>General<\/em><\/strong> (1), enganxem l\u2019enlla\u00e7 al requadre <strong><em>Codi<\/em><\/strong> <strong><em>font<\/em><\/strong> (2) i cliquem <strong><em>D\u2019acord <\/em><\/strong>(3).<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-289\" src=\"http:\/\/blocs.xtec.cat\/culturadigitalmartilhuma\/files\/2020\/06\/004-3.png\" alt=\"\" width=\"515\" height=\"318\" \/><\/p>\n<p><strong><em>Nodes<\/em><\/strong> genera autom\u00e0ticament el codi d\u2019incrustaci\u00f3 i ja podem veure el v\u00eddeo al cos del nostre article.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-290\" src=\"http:\/\/blocs.xtec.cat\/culturadigitalmartilhuma\/files\/2020\/06\/005-3-1024x481.png\" alt=\"\" width=\"840\" height=\"395\" \/><\/p>\n<p><strong>Incrustar un v\u00eddeo de <em>Drive<\/em><\/strong><\/p>\n<p>Per incrustar, per\u00f2, un v\u00eddeo de <em>Drive<\/em> haurem de clicar la pestanya <strong><em>Incrusta<\/em><\/strong> de la petita finestra de l\u2019opci\u00f3 <strong><em>Media<\/em><\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-291\" src=\"http:\/\/blocs.xtec.cat\/culturadigitalmartilhuma\/files\/2020\/06\/006-3.png\" alt=\"\" width=\"451\" height=\"288\" \/><\/p>\n<p>Ara enganxem el codi d\u2019incrustaci\u00f3 del v\u00eddeo (1) que hem copiat pr\u00e8viament de la p\u00e0gina de <em>Drive<\/em> (expliquem com es fa en un post anterior nostre bloc) i cliquem el bot\u00f3 <strong><em>D\u2019acord<\/em><\/strong> (2).<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-292\" src=\"http:\/\/blocs.xtec.cat\/culturadigitalmartilhuma\/files\/2020\/06\/007-2.png\" alt=\"\" width=\"449\" height=\"287\" \/><\/p>\n<p>Ara ja podem veure el v\u00eddeo al cos del nostre article:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-294\" src=\"http:\/\/blocs.xtec.cat\/culturadigitalmartilhuma\/files\/2020\/06\/008-1-1-1024x482.png\" alt=\"\" width=\"840\" height=\"395\" \/><\/p>\n<p>Aquest segon m\u00e8tode tamb\u00e9 serveix pels v\u00eddeos de <em>YouTube<\/em> si tenim el codi d\u2019incrustaci\u00f3. Serveix igualment per incrustar documents PDF. Feu-ne la prova!<\/p>\n<p>Cal dir, per\u00f2, que perqu\u00e8 el v\u00eddeo pugui ser vist per qualsevol persona que accedeixi al vostre post, heu de configurar la compartici\u00f3 del v\u00eddeo al <em>Drive<\/em> amb l\u2019opci\u00f3 que qualsevol que tingui l\u2019enlla\u00e7 el pugui veure. Per saber-ne m\u00e9s sobre la compartici\u00f3 d\u2019arxius al <em>Drive<\/em>, podeu consultar l\u2019article<\/p>\n<p>Si teniu algun problema podeu demanar ajuda als comentaris!<\/p>\n<p>Us desitgem una bona desescalada i un bon viatge cap a la nova normalitat!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>En un post anterior us vam ensenyar com extreure el codi d\u2019incrustaci\u00f3 d\u2019un v\u00eddeo de Youtube o de Drive. En aquest us ensenyarem a incrustar els v\u00eddeos d\u2019aquestes plataformes en un post de Nodes o en qualsevol altre bloc fet amb la tecnologia WordPress com els blocs XTEC. Les primeres accions que hem de portar [&hellip;]<\/p>\n","protected":false},"author":28,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[194,184,185,187,191],"tags":[],"class_list":["post-284","post","type-post","status-publish","format-standard","hentry","category-bcd","category-drive","category-google-workspace","category-nodes","category-youtube"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/agora.xtec.cat\/iesmartilhuma\/wp-json\/wp\/v2\/posts\/284","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agora.xtec.cat\/iesmartilhuma\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/agora.xtec.cat\/iesmartilhuma\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/agora.xtec.cat\/iesmartilhuma\/wp-json\/wp\/v2\/users\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/agora.xtec.cat\/iesmartilhuma\/wp-json\/wp\/v2\/comments?post=284"}],"version-history":[{"count":1,"href":"https:\/\/agora.xtec.cat\/iesmartilhuma\/wp-json\/wp\/v2\/posts\/284\/revisions"}],"predecessor-version":[{"id":5442,"href":"https:\/\/agora.xtec.cat\/iesmartilhuma\/wp-json\/wp\/v2\/posts\/284\/revisions\/5442"}],"wp:attachment":[{"href":"https:\/\/agora.xtec.cat\/iesmartilhuma\/wp-json\/wp\/v2\/media?parent=284"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/agora.xtec.cat\/iesmartilhuma\/wp-json\/wp\/v2\/categories?post=284"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/agora.xtec.cat\/iesmartilhuma\/wp-json\/wp\/v2\/tags?post=284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}