{"id":35064,"date":"2020-06-29T16:09:30","date_gmt":"2020-06-29T14:09:30","guid":{"rendered":"https:\/\/www.hostinet.com\/formacion\/?p=35064"},"modified":"2020-06-29T16:55:17","modified_gmt":"2020-06-29T14:55:17","slug":"como-insertar-videos-adaptables-con-el-modulo-responsive-iframe-para-prestashop","status":"publish","type":"post","link":"https:\/\/www.hostinet.com\/formacion\/prestashop\/como-insertar-videos-adaptables-con-el-modulo-responsive-iframe-para-prestashop\/","title":{"rendered":"C\u00f3mo Insertar V\u00eddeos Adaptables con el M\u00f3dulo Responsive Iframe para PrestaShop"},"content":{"rendered":" <!-- x0 --><div style=\"min-height: 30px; margin-top: 0px; padding-bottom: 7px; z-index: 1;position: relative; float: none;\" class=\"social-container\"><\/div><h4><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-35073\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/prestashop-insertar-videos-responsives-600x400.png\" alt=\"C\u00f3mo Insertar V\u00eddeos Responsives con el M\u00f3dulo Responsive Iframe para PrestaShop\" width=\"600\" height=\"400\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/prestashop-insertar-videos-responsives.png 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/prestashop-insertar-videos-responsives-500x333.png 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/prestashop-insertar-videos-responsives-350x233.png 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/h4>\n<h4>Desde PrestaShop es posible insertar v\u00eddeos desde Youtube en las descripciones de los art\u00edculos por medio de <em>iframes<\/em>. El problema es que no se adaptan al tama\u00f1o de la pantalla y en algunos casos se ven cortados o no se ven. Con el m\u00f3dulo gratuito \u00abResponsive Iframe\u00bb solucionaremos esto sin tener que configurar nada m\u00e1s.<\/h4>\n<p><strong>Insertar o incrustar v\u00eddeos en PrestaShop<\/strong> es algo relativamente sencillo, ya que el gestor de contenidos est\u00e1 preparado para ello.<\/p>\n<p>El problema que podemos encontrarnos es que los v\u00eddeos se insertan en <em>iframe<\/em>, una forma de mostrar parte de una web en otra distinta y <strong>el <em>iframe<\/em> o marco que a\u00f1ade PrestaShop no es <em>\u00abresponsive\u00bb<\/em><\/strong>.<\/p>\n<p><em>Responsive<\/em> significa que se el contenidos se adapta a cualquier pantalla en la que se visualice.<\/p>\n<p>Hoy en d\u00eda, nuestra tienda online puede visitarse desde distintos dispositivos con pantallas de muy diferentes tama\u00f1os. <strong>Un ordenador, un tel\u00e9fono m\u00f3vil, una tablet, etc&#8230;<\/strong><\/p>\n<p>Eso significa que el contenido que mostremos tiene que poder verse bien en cualquiera de estas pantallas, <strong>tienes que ser adaptable<\/strong> y a esto se le conoce como <em>responsive<\/em>.<\/p>\n<p>La mayor\u00eda de las plantillas que nos encontramos en PrestaShop ya son adaptables a cualquier dispositivo o tama\u00f1o de pantalla.<\/p>\n<p>Si quieres probar si tu platilla es responsive, es muy sencillo. Abre tu PrestaShop en cualquier navegador y modifica el tama\u00f1o de la pantalla del navegador.<\/p>\n<p>Si el contenido se adapta para que siempre sea visible, aunque cambie la disposici\u00f3n de los elementos, <strong>significa que es <em>responsive<\/em><\/strong>.<\/p>\n<p>Si hay elementos se \u00abpierden\u00bb o dejan de verse enteros no lo es y esto es justo lo que le pasa a los v\u00eddeos incrustados en PrestaShop como iframe, como puedes ver en la siguiente imagen:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-35067\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/video-iframe-no-adaptable-364x600.jpg\" alt=\"video iframe no adaptable - PrestaShop\" width=\"364\" height=\"600\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/video-iframe-no-adaptable-364x600.jpg 364w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/video-iframe-no-adaptable-350x577.jpg 350w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/video-iframe-no-adaptable.jpg 437w\" sizes=\"auto, (max-width: 364px) 100vw, 364px\" \/><\/p>\n<p>En la captura de pantalla se puede apreciar que, al reducir el tama\u00f1o de la ventana, <strong>no es posible visualizar parte del v\u00eddeo incrustado<\/strong> en un art\u00edculo en PrestaShop.<\/p>\n<p>Para solucionar esto se puede modificar el CSS de nuestra plantilla, pero eso es algo que <strong>requiere de ciertos conocimientos t\u00e9cnicos<\/strong> y no est\u00e1 al alcance de todo el mundo.<\/p>\n<p>existe un <strong>m\u00f3dulo gratuito<\/strong> que consigue convertir en responsive todos los datos iframes que a\u00f1adamos en nuestro PrestaShop y sin tener que modificar, ni configurar nada en PrestaShop.<\/p>\n<hr \/>\n<p><a href=\"https:\/\/www.hostinet.com\/hosting-web\/\" target=\"_blank\"><img decoding=\"async\" class=\"alignnone size-full\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2024\/03\/banner_hostinet_generico.jpg\" alt=\"Hosting Gen\u00e9rico\"><\/a><\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n<h2>M\u00f3dulo Responsive Iframe para PrestaShop<\/h2>\n<p>El m\u00f3dulo <strong>Responsive Iframe<\/strong> est\u00e1 disponible de forma gratuita y ha sido creado por un desarrollador externo, por lo que tienes que descargarlo desde su sitio web, haciendo <a title=\"Responsive Iframe\" href=\"https:\/\/catalogo-onlinersi.net\/es\/inicio\/488-iframe-receptivo.html\"><em>click aqu\u00ed<\/em><\/a>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-35071\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/descargar-modulo-responsive-iframes-600x424.jpg\" alt=\"descargar modulo responsive iframes - PrestaShop\" width=\"600\" height=\"424\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/descargar-modulo-responsive-iframes.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/descargar-modulo-responsive-iframes-500x353.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/descargar-modulo-responsive-iframes-350x247.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>La descargar es gratuita y puedes descargarlo como invitado, aunque necesitar\u00e1s a\u00f1adir una cuenta de correo.<\/p>\n<p>Una vez finalices el proceso de compra, se genera una factura de 0 \u20ac, te llegar\u00e1 un email, desde el cual <strong>puedes descargar el archivo comprimido con el m\u00f3dulo<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-35070\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/email-responsive-iframes-600x367.jpg\" alt=\"email responsive iframes - PrestaShop\" width=\"600\" height=\"367\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/email-responsive-iframes.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/email-responsive-iframes-500x306.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/email-responsive-iframes-350x214.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Una vez tengas descargado el m\u00f3dulo, no hay que descomprimirlo, ya que <strong>PrestaShop instala los m\u00f3dulo comprimidos con .zip<\/strong>.<\/p>\n<p>La instalaci\u00f3n de m\u00f3dulos en PrestaShop es muy sencilla, tan s\u00f3lo tenemos que acceder a <strong>Personalizar &gt; M\u00f3dulos &gt; Module Manager<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-24427\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2017\/12\/ps17-instalar-module-600x290.jpg\" alt=\"PrestaShop 1.7 - Instalar M\u00f3dulo\" width=\"600\" height=\"290\" \/><\/p>\n<p>Una vez accedas a la secci\u00f3n indicada, hay una opci\u00f3n en la parte superior desde la que podemos subir un m\u00f3dulo.<\/p>\n<p>L<strong>os m\u00f3dulos en PrestaShop se suben comprimidos en formato .zip<\/strong>, as\u00ed que s\u00f3lo hay que buscar el archivo comprimido del m\u00f3dulo que hemos descargado y subirlo, PrestaShop har\u00e1 el resto.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-34842\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/aviso-modulo-instalado-600x327.jpg\" alt=\"aviso modulo instalado - PrestaShop\" width=\"600\" height=\"327\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/aviso-modulo-instalado.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/aviso-modulo-instalado-500x273.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/aviso-modulo-instalado-350x191.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>El m\u00f3dulo instalado tiene una p\u00e1gina de configuraci\u00f3n, pero realmente <strong>no encontraremos mucho que configurar<\/strong>, m\u00e1s que una opci\u00f3n para activar el modo panor\u00e1mico e informaci\u00f3n sobre el desarrollador del m\u00f3dulo.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-35069\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/responsive-iframes-configuracion-600x407.jpg\" alt=\"responsive iframes configuracion - PrestaShop\" width=\"600\" height=\"407\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/responsive-iframes-configuracion.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/responsive-iframes-configuracion-500x339.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/responsive-iframes-configuracion-350x237.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Ahora s\u00f3lo quedar\u00eda probar si funciona correctamente. Podemos utilizar la misma pantalla y con el mismo v\u00eddeo que en la prueba anterior y<strong> ver las diferencias<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-35068\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/video-iframe-responsive-364x600.jpg\" alt=\"video iframe responsive - PrestaShop\" width=\"364\" height=\"600\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/video-iframe-responsive-364x600.jpg 364w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/video-iframe-responsive-350x577.jpg 350w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/video-iframe-responsive.jpg 437w\" sizes=\"auto, (max-width: 364px) 100vw, 364px\" \/><\/p>\n<p>En la \u00faltima captura se puede observar que el v\u00eddeo <strong>si que aparece entero<\/strong>, mientras que en la primera captura que hemos mostrado en el art\u00edculo, esto no ocurr\u00eda as\u00ed.<\/p>\n<p>El m\u00f3dulo funciona perfectamente y hace exactamente lo que dice, <strong>lo que nos puede ahorrar muchos quebraderos de cabeza<\/strong> y adem\u00e1s es gratuito, al menos por ahora.<\/p>\n<h2>Hosting PrestaShop con IP Espa\u00f1ola para tu Tienda Online<\/h2>\n<p><a href=\"https:\/\/www.hostinet.com\/hosting-prestashop-ssd\/\" target=\"_blank\"><img decoding=\"async\" class=\"alignnone size-full\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2026\/04\/hosting_prestashop.jpg\" alt=\"Hosting PrestaShop\"><\/a><\/p>\n<div style=\"min-height: 30px; margin-top: 0px; padding-bottom: 7px; z-index: 1;position: relative; float: none;\" class=\"social-container\"><\/div> <!-- x1 -->","protected":false},"excerpt":{"rendered":"<p>Desde PrestaShop es posible insertar v\u00eddeos desde Youtube en las descripciones de los art\u00edculos por medio de iframes. El problema es que no se adaptan al tama\u00f1o de la pantalla y en algunos casos se ven cortados o no se ven. Con el m\u00f3dulo gratuito \u00abResponsive Iframe\u00bb solucionaremos esto sin\u2026 <\/p>\n<div class=\"post-more\">\n<p><a class=\"btn button\" href=\"https:\/\/www.hostinet.com\/formacion\/prestashop\/como-insertar-videos-adaptables-con-el-modulo-responsive-iframe-para-prestashop\/\">Sigue leyendo &rarr;<\/a><\/p>\n<\/div>\n","protected":false},"author":14,"featured_media":35073,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1784],"tags":[],"class_list":["post-35064","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-prestashop"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>C\u00f3mo Insertar V\u00eddeos Adaptables con el M\u00f3dulo Responsive Iframe para PrestaShop<\/title>\n<meta name=\"description\" content=\"Desde PrestaShop es posible insertar v\u00eddeos desde Youtube en las descripciones de los art\u00edculos por medio de iframes, pero no son responsives y pueden quedar mal. Con el m\u00f3d.ulo gratuito &quot;Responsive Iframe&quot; solucionaremos esto sin tener que configurar nada m\u00e1s\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hostinet.com\/formacion\/prestashop\/como-insertar-videos-adaptables-con-el-modulo-responsive-iframe-para-prestashop\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo Insertar V\u00eddeos Adaptables con el M\u00f3dulo Responsive Iframe para PrestaShop\" \/>\n<meta property=\"og:description\" content=\"Desde PrestaShop es posible insertar v\u00eddeos desde Youtube en las descripciones de los art\u00edculos por medio de iframes, pero no son responsives y pueden quedar mal. Con el m\u00f3d.ulo gratuito &quot;Responsive Iframe&quot; solucionaremos esto sin tener que configurar nada m\u00e1s\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hostinet.com\/formacion\/prestashop\/como-insertar-videos-adaptables-con-el-modulo-responsive-iframe-para-prestashop\/\" \/>\n<meta property=\"og:site_name\" content=\"Hostinet\" \/>\n<meta property=\"article:published_time\" content=\"2020-06-29T14:09:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-06-29T14:55:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/prestashop-insertar-videos-responsives.png\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Marce Medina\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Hostinet\" \/>\n<meta name=\"twitter:site\" content=\"@Hostinet\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marce Medina\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/prestashop\\\/como-insertar-videos-adaptables-con-el-modulo-responsive-iframe-para-prestashop\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/prestashop\\\/como-insertar-videos-adaptables-con-el-modulo-responsive-iframe-para-prestashop\\\/\"},\"author\":{\"name\":\"Marce Medina\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#\\\/schema\\\/person\\\/c30f2ada08e5d4836b12fd3782d3958f\"},\"headline\":\"C\u00f3mo Insertar V\u00eddeos Adaptables con el M\u00f3dulo Responsive Iframe para PrestaShop\",\"datePublished\":\"2020-06-29T14:09:30+00:00\",\"dateModified\":\"2020-06-29T14:55:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/prestashop\\\/como-insertar-videos-adaptables-con-el-modulo-responsive-iframe-para-prestashop\\\/\"},\"wordCount\":734,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/prestashop\\\/como-insertar-videos-adaptables-con-el-modulo-responsive-iframe-para-prestashop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/prestashop-insertar-videos-responsives.png\",\"articleSection\":[\"PrestaShop\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/prestashop\\\/como-insertar-videos-adaptables-con-el-modulo-responsive-iframe-para-prestashop\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/prestashop\\\/como-insertar-videos-adaptables-con-el-modulo-responsive-iframe-para-prestashop\\\/\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/prestashop\\\/como-insertar-videos-adaptables-con-el-modulo-responsive-iframe-para-prestashop\\\/\",\"name\":\"C\u00f3mo Insertar V\u00eddeos Adaptables con el M\u00f3dulo Responsive Iframe para PrestaShop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/prestashop\\\/como-insertar-videos-adaptables-con-el-modulo-responsive-iframe-para-prestashop\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/prestashop\\\/como-insertar-videos-adaptables-con-el-modulo-responsive-iframe-para-prestashop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/prestashop-insertar-videos-responsives.png\",\"datePublished\":\"2020-06-29T14:09:30+00:00\",\"dateModified\":\"2020-06-29T14:55:17+00:00\",\"description\":\"Desde PrestaShop es posible insertar v\u00eddeos desde Youtube en las descripciones de los art\u00edculos por medio de iframes, pero no son responsives y pueden quedar mal. Con el m\u00f3d.ulo gratuito \\\"Responsive Iframe\\\" solucionaremos esto sin tener que configurar nada m\u00e1s\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/prestashop\\\/como-insertar-videos-adaptables-con-el-modulo-responsive-iframe-para-prestashop\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/prestashop\\\/como-insertar-videos-adaptables-con-el-modulo-responsive-iframe-para-prestashop\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/prestashop\\\/como-insertar-videos-adaptables-con-el-modulo-responsive-iframe-para-prestashop\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/prestashop-insertar-videos-responsives.png\",\"contentUrl\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/prestashop-insertar-videos-responsives.png\",\"width\":600,\"height\":400,\"caption\":\"C\u00f3mo Insertar V\u00eddeos Responsives con el M\u00f3dulo Responsive Iframe para PrestaShop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/prestashop\\\/como-insertar-videos-adaptables-con-el-modulo-responsive-iframe-para-prestashop\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"PrestaShop\",\"item\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/category\\\/prestashop\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"C\u00f3mo Insertar V\u00eddeos Adaptables con el M\u00f3dulo Responsive Iframe para PrestaShop\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#website\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/\",\"name\":\"Hostinet\",\"description\":\"Hosting y dominios en Espa\u00f1a. La mejor calidad a precios baratos\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#organization\"},\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#organization\",\"name\":\"Hostinet SLU\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2016\\\/06\\\/hostinet-logo.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2016\\\/06\\\/hostinet-logo.jpg\",\"width\":600,\"height\":245,\"caption\":\"Hostinet SLU\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/Hostinet\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#\\\/schema\\\/person\\\/c30f2ada08e5d4836b12fd3782d3958f\",\"name\":\"Marce Medina\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g\",\"caption\":\"Marce Medina\"},\"sameAs\":[\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00f3mo Insertar V\u00eddeos Adaptables con el M\u00f3dulo Responsive Iframe para PrestaShop","description":"Desde PrestaShop es posible insertar v\u00eddeos desde Youtube en las descripciones de los art\u00edculos por medio de iframes, pero no son responsives y pueden quedar mal. Con el m\u00f3d.ulo gratuito \"Responsive Iframe\" solucionaremos esto sin tener que configurar nada m\u00e1s","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hostinet.com\/formacion\/prestashop\/como-insertar-videos-adaptables-con-el-modulo-responsive-iframe-para-prestashop\/","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo Insertar V\u00eddeos Adaptables con el M\u00f3dulo Responsive Iframe para PrestaShop","og_description":"Desde PrestaShop es posible insertar v\u00eddeos desde Youtube en las descripciones de los art\u00edculos por medio de iframes, pero no son responsives y pueden quedar mal. Con el m\u00f3d.ulo gratuito \"Responsive Iframe\" solucionaremos esto sin tener que configurar nada m\u00e1s","og_url":"https:\/\/www.hostinet.com\/formacion\/prestashop\/como-insertar-videos-adaptables-con-el-modulo-responsive-iframe-para-prestashop\/","og_site_name":"Hostinet","article_published_time":"2020-06-29T14:09:30+00:00","article_modified_time":"2020-06-29T14:55:17+00:00","og_image":[{"width":600,"height":400,"url":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/prestashop-insertar-videos-responsives.png","type":"image\/png"}],"author":"Marce Medina","twitter_card":"summary_large_image","twitter_creator":"@Hostinet","twitter_site":"@Hostinet","twitter_misc":{"Escrito por":"Marce Medina","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hostinet.com\/formacion\/prestashop\/como-insertar-videos-adaptables-con-el-modulo-responsive-iframe-para-prestashop\/#article","isPartOf":{"@id":"https:\/\/www.hostinet.com\/formacion\/prestashop\/como-insertar-videos-adaptables-con-el-modulo-responsive-iframe-para-prestashop\/"},"author":{"name":"Marce Medina","@id":"https:\/\/www.hostinet.com\/formacion\/#\/schema\/person\/c30f2ada08e5d4836b12fd3782d3958f"},"headline":"C\u00f3mo Insertar V\u00eddeos Adaptables con el M\u00f3dulo Responsive Iframe para PrestaShop","datePublished":"2020-06-29T14:09:30+00:00","dateModified":"2020-06-29T14:55:17+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hostinet.com\/formacion\/prestashop\/como-insertar-videos-adaptables-con-el-modulo-responsive-iframe-para-prestashop\/"},"wordCount":734,"commentCount":0,"publisher":{"@id":"https:\/\/www.hostinet.com\/formacion\/#organization"},"image":{"@id":"https:\/\/www.hostinet.com\/formacion\/prestashop\/como-insertar-videos-adaptables-con-el-modulo-responsive-iframe-para-prestashop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/prestashop-insertar-videos-responsives.png","articleSection":["PrestaShop"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hostinet.com\/formacion\/prestashop\/como-insertar-videos-adaptables-con-el-modulo-responsive-iframe-para-prestashop\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hostinet.com\/formacion\/prestashop\/como-insertar-videos-adaptables-con-el-modulo-responsive-iframe-para-prestashop\/","url":"https:\/\/www.hostinet.com\/formacion\/prestashop\/como-insertar-videos-adaptables-con-el-modulo-responsive-iframe-para-prestashop\/","name":"C\u00f3mo Insertar V\u00eddeos Adaptables con el M\u00f3dulo Responsive Iframe para PrestaShop","isPartOf":{"@id":"https:\/\/www.hostinet.com\/formacion\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hostinet.com\/formacion\/prestashop\/como-insertar-videos-adaptables-con-el-modulo-responsive-iframe-para-prestashop\/#primaryimage"},"image":{"@id":"https:\/\/www.hostinet.com\/formacion\/prestashop\/como-insertar-videos-adaptables-con-el-modulo-responsive-iframe-para-prestashop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/prestashop-insertar-videos-responsives.png","datePublished":"2020-06-29T14:09:30+00:00","dateModified":"2020-06-29T14:55:17+00:00","description":"Desde PrestaShop es posible insertar v\u00eddeos desde Youtube en las descripciones de los art\u00edculos por medio de iframes, pero no son responsives y pueden quedar mal. Con el m\u00f3d.ulo gratuito \"Responsive Iframe\" solucionaremos esto sin tener que configurar nada m\u00e1s","breadcrumb":{"@id":"https:\/\/www.hostinet.com\/formacion\/prestashop\/como-insertar-videos-adaptables-con-el-modulo-responsive-iframe-para-prestashop\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hostinet.com\/formacion\/prestashop\/como-insertar-videos-adaptables-con-el-modulo-responsive-iframe-para-prestashop\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.hostinet.com\/formacion\/prestashop\/como-insertar-videos-adaptables-con-el-modulo-responsive-iframe-para-prestashop\/#primaryimage","url":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/prestashop-insertar-videos-responsives.png","contentUrl":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/prestashop-insertar-videos-responsives.png","width":600,"height":400,"caption":"C\u00f3mo Insertar V\u00eddeos Responsives con el M\u00f3dulo Responsive Iframe para PrestaShop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hostinet.com\/formacion\/prestashop\/como-insertar-videos-adaptables-con-el-modulo-responsive-iframe-para-prestashop\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.hostinet.com\/formacion\/"},{"@type":"ListItem","position":2,"name":"PrestaShop","item":"https:\/\/www.hostinet.com\/formacion\/category\/prestashop\/"},{"@type":"ListItem","position":3,"name":"C\u00f3mo Insertar V\u00eddeos Adaptables con el M\u00f3dulo Responsive Iframe para PrestaShop"}]},{"@type":"WebSite","@id":"https:\/\/www.hostinet.com\/formacion\/#website","url":"https:\/\/www.hostinet.com\/formacion\/","name":"Hostinet","description":"Hosting y dominios en Espa\u00f1a. La mejor calidad a precios baratos","publisher":{"@id":"https:\/\/www.hostinet.com\/formacion\/#organization"},"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.hostinet.com\/formacion\/#organization","name":"Hostinet SLU","url":"https:\/\/www.hostinet.com\/formacion\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.hostinet.com\/formacion\/#\/schema\/logo\/image\/","url":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2016\/06\/hostinet-logo.jpg","contentUrl":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2016\/06\/hostinet-logo.jpg","width":600,"height":245,"caption":"Hostinet SLU"},"image":{"@id":"https:\/\/www.hostinet.com\/formacion\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/Hostinet"]},{"@type":"Person","@id":"https:\/\/www.hostinet.com\/formacion\/#\/schema\/person\/c30f2ada08e5d4836b12fd3782d3958f","name":"Marce Medina","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g","caption":"Marce Medina"},"sameAs":["https:\/\/www.hostinet.com\/formacion\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/posts\/35064","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/comments?post=35064"}],"version-history":[{"count":4,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/posts\/35064\/revisions"}],"predecessor-version":[{"id":35074,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/posts\/35064\/revisions\/35074"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/media\/35073"}],"wp:attachment":[{"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/media?parent=35064"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/categories?post=35064"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/tags?post=35064"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}