{"id":18696,"date":"2021-12-23T16:16:04","date_gmt":"2021-12-23T15:16:04","guid":{"rendered":"https:\/\/fran.cosmobuzz.es\/?p=18696"},"modified":"2024-02-05T04:17:50","modified_gmt":"2024-02-05T03:17:50","slug":"insertar-videos-de-twitch-en-wordpress","status":"publish","type":"post","link":"https:\/\/fran.cosmobuzz.es\/en\/insertar-videos-de-twitch-en-wordpress\/","title":{"rendered":"Insertar v\u00eddeos de Twitch en WordPress"},"content":{"rendered":"<p class=\"has-medium-font-size\">La plataforma de Amazon cada vez gana m\u00e1s seguidores por lo que es probable que se empiece a usar cada vez m\u00e1s para implantar directos en la web.<\/p>\n\n\n\n<p>El proceso es sencillo, s\u00f3lo hay que estar pendiente de un detalle esencial \u00abnuestro dominio\u00bb.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Gu\u00eda paso a paso:<\/h2>\n\n\n\n<ul>\n<li>Nos vamos a Twitch y elegimos el video que vamos a incrustar (puede ser <strong>un directo<\/strong> o alguno ya emitido).<\/li>\n\n\n\n<li>Desde la parte inferior derecha del v\u00eddeo pulsamos en <i class=\"fas fa-upload\"><\/i> compartir y luego <i class=\"fas fa-code\"><\/i> Insertar.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"615\" height=\"221\" src=\"https:\/\/fran.cosmobuzz.es\/wp-content\/uploads\/2021\/12\/Screenshot-2021-12-23-at-15-32-51-Twitch.png\" alt=\"\" class=\"wp-image-18699\" srcset=\"https:\/\/fran.cosmobuzz.es\/wp-content\/uploads\/2021\/12\/Screenshot-2021-12-23-at-15-32-51-Twitch.png 615w, https:\/\/fran.cosmobuzz.es\/wp-content\/uploads\/2021\/12\/Screenshot-2021-12-23-at-15-32-51-Twitch-300x108.png 300w\" sizes=\"(max-width: 615px) 100vw, 615px\" \/><\/figure><\/div>\n\n\n<ul>\n<li>Nos aparecer\u00e1 una ventana con dos opciones: Reproductor de v\u00eddeo o Chat, la primera viene por defecto y es la que dejaremos. Lo podemos hacer de dos maneras con <em>Javascript<\/em> o por <em>Iframe<\/em>.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"578\" height=\"695\" src=\"https:\/\/fran.cosmobuzz.es\/wp-content\/uploads\/2021\/12\/Screenshot-2021-12-23-at-15-33-42-Twitch.png\" alt=\"\" class=\"wp-image-18698\" srcset=\"https:\/\/fran.cosmobuzz.es\/wp-content\/uploads\/2021\/12\/Screenshot-2021-12-23-at-15-33-42-Twitch.png 578w, https:\/\/fran.cosmobuzz.es\/wp-content\/uploads\/2021\/12\/Screenshot-2021-12-23-at-15-33-42-Twitch-249x300.png 249w\" sizes=\"(max-width: 578px) 100vw, 578px\" \/><\/figure><\/div>\n\n\n<p class=\"has-medium-font-size\">* Nos centramos en <strong><em>Usando un iframe<\/em><\/strong> y copiamos el c\u00f3digo. A continuaci\u00f3n abrimos <em>WordPress &#8211; nuestra entrada &#8211; bloque html<\/em> y lo copiamos.<\/p>\n\n\n\n<pre class=\"wp-block-code has-base-2-color has-contrast-background-color has-text-color has-background has-large-font-size\"><code>&lt;iframe src=\"https:\/\/player.twitch.tv\/?channel=psg&amp;amp;parent=www.example.com\" frameborder=\"0\" allowfullscreen=\"true\" scrolling=\"no\" height=\"378\" width=\"620\"&gt;&lt;\/iframe&gt;<\/code><\/pre>\n\n\n\n<ul>\n<li>Dentro del bloque html cambiamos <em>www.example.com<\/em> por el dominio de tu web <em>ej: fransoler.net<\/em> puedes ponerlo con o sin <span class=\"has-inline-color has-accent-color\">www<\/span> (Seg\u00fan lo tengas configurado).<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code has-base-2-color has-contrast-background-color has-text-color has-background\"><code>&lt;iframe src=\"https:\/\/player.twitch.tv\/?channel=psg&amp;amp;parent=fransoler.net\" frameborder=\"0\" allowfullscreen=\"true\" scrolling=\"no\" height=\"378\" width=\"620\"&gt;&lt;\/iframe&gt;<\/code><\/pre>\n\n\n\n<p>Esta es la parte que nos avisa el siguiente texto:<br><span class=\"has-inline-color has-accent-color\">\u00a1Recuerda rellenar el marcador <\/span><span class=\"has-inline-color has-contrast-2-color\">(dominio)<\/span><span class=\"has-inline-color has-accent-color\"> con el sitio web en el que quieres insertar Twitch! <\/span><\/p>\n\n\n\n<p class=\"has-medium-font-size\">* Por \u00faltimo actualizamos la p\u00e1gina y listo.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<iframe src=\"https:\/\/player.twitch.tv\/?video=1435427964&amp;parent=fransoler.net\" frameborder=\"0\" allowfullscreen=\"true\" scrolling=\"no\" height=\"378\" width=\"100%\"><\/iframe>\n<\/div>\n<\/div>\n\n\n\n<p>Con esto ya habremos insertado de manera correcta nuestro v\u00eddeo de Twitch en WordPress.<\/p>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":10366,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[196],"tags":[195,222],"_links":{"self":[{"href":"https:\/\/fran.cosmobuzz.es\/en\/wp-json\/wp\/v2\/posts\/18696"}],"collection":[{"href":"https:\/\/fran.cosmobuzz.es\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fran.cosmobuzz.es\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fran.cosmobuzz.es\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fran.cosmobuzz.es\/en\/wp-json\/wp\/v2\/comments?post=18696"}],"version-history":[{"count":0,"href":"https:\/\/fran.cosmobuzz.es\/en\/wp-json\/wp\/v2\/posts\/18696\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fran.cosmobuzz.es\/en\/wp-json\/wp\/v2\/media\/10366"}],"wp:attachment":[{"href":"https:\/\/fran.cosmobuzz.es\/en\/wp-json\/wp\/v2\/media?parent=18696"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fran.cosmobuzz.es\/en\/wp-json\/wp\/v2\/categories?post=18696"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fran.cosmobuzz.es\/en\/wp-json\/wp\/v2\/tags?post=18696"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}