{"id":13065,"date":"2011-06-29T11:30:56","date_gmt":"2011-06-29T09:30:56","guid":{"rendered":"http:\/\/onsoftware.softonic.com\/?p=13065"},"modified":"2025-06-13T06:26:34","modified_gmt":"2025-06-13T04:26:34","slug":"insertar-videos-youtube","status":"publish","type":"post","link":"https:\/\/cms-articles.softonic.io\/es\/insertar-videos-youtube\/","title":{"rendered":"Aprende a insertar v\u00eddeos de Youtube"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-full wp-image-13070\" title=\"Parametros de Youtube\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/2\/2011\/06\/parametros.jpg\" alt=\"\" width=\"207\" height=\"207\" \/>Si <strong><a href=\"http:\/\/youtube.softonic.com\/aplicaciones-web\">Youtube<\/a><\/strong> ha llegado hasta donde est\u00e1 es, entre otras cosas, por la posibilidad de <strong>sacar sus v\u00eddeos del portal e insertarlos donde quieras<\/strong>. Blogs, foros, p\u00e1ginas personales o corporativas\u2026 en cualquier sitio de la web puedes colocar un reproductor simplemente <strong>pegando cierto c\u00f3digo<\/strong> en la p\u00e1gina o el post en cuesti\u00f3n.<\/p>\n<p>Lo que no todos saben es que hay una serie de par\u00e1metros para <strong>manipular al mil\u00edmetro el aspecto y funciones del reproductor<\/strong> de Youtube cuando compartes un v\u00eddeo: desde cambiar los colores del borde a ocultar autom\u00e1ticamente los controles o habilitar la opci\u00f3n de pantalla completa. Vamos a ver <strong>c\u00f3mo usar estos par\u00e1metros<\/strong> y qu\u00e9 hacer con ellos.<\/p>\n<p><!--more--><\/p>\n<h3>C\u00f3mo se insertan los par\u00e1metros de Youtube<\/h3>\n<p>Para a\u00f1adir un v\u00eddeo de Youtube en otra p\u00e1gina web necesitas <strong>copiar previamente su c\u00f3digo<\/strong>, que est\u00e1 disponible en su p\u00e1gina dentro del portal. Pulsar <strong>Compartir<\/strong>, luego <strong>Insertar <\/strong>y <strong>copiar <\/strong>dicho c\u00f3digo suele ser lo habitual, aunque haciendo esto tendr\u00e1s como resultado el reproductor por defecto.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13069\" title=\"Insertar un v\u00eddeo en Youtube\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/2\/2011\/06\/Insertar-un-v\u00eddeo-en-Youtube.jpg\" alt=\"\" width=\"433\" height=\"281\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/2\/2011\/06\/Insertar-un-v\u00eddeo-en-Youtube.jpg 433w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/2\/2011\/06\/Insertar-un-v\u00eddeo-en-Youtube-256x166.jpg 256w\" sizes=\"auto, (max-width: 433px) 100vw, 433px\" \/>Usar los par\u00e1metros de Youtube en este c\u00f3digo es tan sencillo como <strong>adjuntar cada par\u00e1metro al final de la URL<\/strong> del v\u00eddeo <strong>tantas veces como aparezca<\/strong>, a\u00f1adiendo el signo \u201c<strong>igual<\/strong>\u201d (<strong>=<\/strong>) y el valor que te convenga. Antes del primer par\u00e1metro ha de haber un car\u00e1cter de interrogaci\u00f3n (<strong>?<\/strong>) y, entre los sucesivos, un signo <em>ampersand<\/em> o de conjunci\u00f3n (<strong>&amp;<\/strong>).<\/p>\n<p>El resultado para la URL es parecido a este:<\/p>\n<blockquote>\n<pre>http:\/\/www.youtube.com\/v\/<strong>VIDEO_ID<span style=\"color: #993300\">?<\/span><\/strong>version=3<span style=\"color: #993300\"><strong>&amp;<\/strong><\/span>loop=1<\/pre>\n<\/blockquote>\n<p>Hay dos tipos de c\u00f3digo para insertar un v\u00eddeo en Youtube: el tipo \u201c<strong>iframe<\/strong>\u201d, en <strong>HTML5 <\/strong>m\u00e1s limpio y personalizable, y el tipo \u201c<strong>object<\/strong>\u201d, que es <strong>compatible con m\u00e1s p\u00e1ginas<\/strong> web y navegadores.<\/p>\n<h4>Tipo \u201ciframe\u201d<\/h4>\n<blockquote>\n<pre>&lt;iframe class=\"youtube-player\" type=\"text\/html\" width=\"640\" height=\"385\"\r\nsrc=\"<strong>http:\/\/www.youtube.com\/embed\/VIDEO_ID<\/strong>\" frameborder=\"0\"&gt;\r\n&lt;\/iframe&gt;<\/pre>\n<\/blockquote>\n<h4>Tipo \u201cobject\u201d<\/h4>\n<blockquote>\n<pre>&lt;object width=\"425\" height=\"355\"&gt;\r\n  &lt;param name=\"movie\"\r\n         value=\"<strong>http:\/\/www.youtube.com\/v\/u1zgFlCw8Aw?version=3\r\n&amp;autohide=1&amp;showinfo=0<\/strong>\"&gt;&lt;\/param&gt;\r\n  &lt;param name=\"allowScriptAccess\" value=\"always\"&gt;&lt;\/param&gt;\r\n  &lt;embed src=\"<strong>http:\/\/www.youtube.com\/v\/u1zgFlCw8Aw?version=3\r\n&amp;autohide=1&amp;showinfo=0<\/strong>\"\r\n         type=\"application\/x-shockwave-flash\"\r\n         allowscriptaccess=\"always\"\r\n         width=\"425\" height=\"355\"&gt;&lt;\/embed&gt;\r\n&lt;\/object&gt;<\/pre>\n<\/blockquote>\n<p>\u00bfY c\u00f3mo <strong>seleccionamos entre un tipo u otro<\/strong> de c\u00f3digo? El primero aparece siempre por defecto y el segundo aparecer\u00e1 en el cuadro de texto si marcas la casilla \u201c<strong>Utilizar c\u00f3digo de inserci\u00f3n anterior<\/strong>\u201d.<\/p>\n<h3>Ejemplos de par\u00e1metros de Youtube<\/h3>\n<p>Gracias a los par\u00e1metros de inserci\u00f3n de Youtube puedes <strong>hacer infinidad de cosas<\/strong> con el reproductor. A continuaci\u00f3n te detallamos algunos <strong>ejemplos <\/strong>de par\u00e1metros: qu\u00e9 hacen, cu\u00e1ndo puedes usarlos y qu\u00e9 valores puedes darles.<\/p>\n<ul>\n<li><strong>autoplay<\/strong>=0\/1: si le das valor \u201c1\u201d, el reproductor iniciar\u00e1 el v\u00eddeo tan pronto como se cargue dentro de la p\u00e1gina, sin tener que pulsar Play.<\/li>\n<li><strong>autohide<\/strong>=0\/1\/2: define si la barra de progreso y controles se ven durante la reproducci\u00f3n, o si se oculta uno o los dos elementos pasados unos segundos<\/li>\n<li><strong>rel<\/strong>=0\/1: muestra o no los v\u00eddeos relacionados durante la reproducci\u00f3n del v\u00eddeo insertado.<\/li>\n<li><strong>modestbranding<\/strong>: el valor \u201c1\u201d oculta el logotipo de Youtube en el reproductor. Es v\u00e1lido para las versiones modernas o con c\u00f3digo tipo \u201ciframe\u201d.<\/li>\n<li><strong>version<\/strong>: si aparece y el valor es \u201c3\u201d, muestra el reproductor de Youtube moderno, que acepta otros par\u00e1metros como \u201cmodestbranding\u201d.<\/li>\n<li><strong>start<\/strong>=x: El valor x puede ser cualquier n\u00famero positivo y define, en segundos, el punto de v\u00eddeo a partir del cual se iniciar\u00e1 la reproducci\u00f3n. Ideal para insertar un v\u00eddeo desde un punto determinado, y similar a como vimos <a href=\"http:\/\/onsoftware.softonic.com\/enviar-videos-de-youtube-con-enlace-en-tiempo-especifico\">en este tutorial<\/a>.<\/li>\n<li><strong>border<\/strong>: si el valor es &#8220;1&#8221;, el v\u00eddeo se muestra con un marco cuyos colores tambi\u00e9n puedes personalizar con los par\u00e1metros &#8220;<strong>color1<\/strong>&#8221; y &#8220;<strong>color2<\/strong>&#8220;, cuyos valores has de introducir con valor hexadecimal (<em>ejemplo: color2=2FA4D1<\/em>)<\/li>\n<li><strong>loop<\/strong>=0\/1: si su valor es \u201c1\u201d, el v\u00eddeo se reproduce una y otra vez.<\/li>\n<li><strong>cc_load_policy<\/strong>: si aparece con valor \u201c1\u201d, el v\u00eddeo mostrar\u00e1 subt\u00edtulos siempre que su autor los haya incluido.<\/li>\n<li><strong>showinfo<\/strong>=0\/1: si su valor es \u201c0\u201d, al insertar el v\u00eddeo no aparecer\u00e1 la informaci\u00f3n en la parte superior, como el t\u00edtulo y autor del v\u00eddeo.<\/li>\n<\/ul>\n<p>Estos son s\u00f3lo algunos de los par\u00e1metros que puedes usar al insertar un v\u00eddeo de Youtube. <strong>Si quieres conocer el resto<\/strong>, te recomendamos visitar la p\u00e1gina dedicada dentro de Youtube <strong><a href=\"http:\/\/code.google.com\/intl\/es-ES\/apis\/youtube\/player_parameters.html\">en espa\u00f1ol<\/a><\/strong> o bien la p\u00e1gina <strong><a href=\"http:\/\/code.google.com\/apis\/youtube\/player_parameters.html\">en ingl\u00e9s<\/a><\/strong>, que incluye algunos m\u00e1s recientes.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Si Youtube ha llegado hasta donde est\u00e1 es, entre otras cosas, por la posibilidad de sacar sus v\u00eddeos del portal e insertarlos donde quieras. Blogs, foros, p\u00e1ginas personales o corporativas\u2026 en cualquier sitio de la web puedes colocar un reproductor simplemente pegando cierto c\u00f3digo en la p\u00e1gina o el post en cuesti\u00f3n. Lo que no &hellip; <a href=\"https:\/\/cms-articles.softonic.io\/es\/insertar-videos-youtube\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Aprende a insertar v\u00eddeos de Youtube&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1029,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","wpcf-pageviews":0},"categories":[],"tags":[9668],"usertag":[],"vertical":[],"content-category":[],"class_list":["post-13065","post","type-post","status-publish","format-standard","hentry","tag-app-subdomain-redirectionyoutube"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/posts\/13065","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/users\/1029"}],"replies":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/comments?post=13065"}],"version-history":[{"count":1,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/posts\/13065\/revisions"}],"predecessor-version":[{"id":385409,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/posts\/13065\/revisions\/385409"}],"wp:attachment":[{"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/media?parent=13065"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/categories?post=13065"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/tags?post=13065"},{"taxonomy":"usertag","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/usertag?post=13065"},{"taxonomy":"vertical","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/vertical?post=13065"},{"taxonomy":"content-category","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/content-category?post=13065"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}