Como se muda o tamanho de vídeos youtube em html no blogger

anibal0554 · 17/12/2015

hola ando buscando como cambiar mis videos Youtube en blogger, donde le muevo en el HTML? lo que pasa es que ccambie de plantilla y salen enormes fuera de recuadro quiero hacerlos mas pequeños de 560x315 se puede cambiar los valores desde el HTML?

skrill3x · 17/12/2015

anibal0554 · 17/12/2015

skrill3x disse:
<iframe width="560" height="315" src="https://www.youtube.com/embed/gyaYBG-0ifQ?list=PL0mQ7enKgWib7UK2ZHU5zLj3vXPGSkcck" frameborder="0" allowfullscreen></iframe>

asi? es como se hace

vas al video , le das compartir en la parte inferior luego insertar y te sale este codigo

no amigo entendidste mal ya tengo muchos videos de youtube en mi blog, y ahora con el cambio de plantilla se salen de recuadro quiero hacerlos mas chicos todos desde el HTML de mi blog

Jessie · 17/12/2015

Reduce los pixeles, quizás puedas aplicar un CSS o hacer más anchas las entradas :encouragement:

JimmyBalarezo · 17/12/2015

Sería manual eso, lo que entendí es que cambiaste la plantilla y ahora los videos son mas grandes que tu plantilla.
Lo que puedes hacer el hacer tus videos adaptables a cualquier dispositivo.

Puedes poner un css. antes de ]]></b:skin>

/* Youtube Responsive */
.videoyoutube{text-align:center;margin:auto;width:100%;}
.video-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.video-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

Esto antes de </body>
<script type='text/javascript'>
//<![CDATA[
// Youtube Responsive
setTimeout(function(){$(".video-youtube").each(function(){$(this).replaceWith('<iframe class="video-youtube loader" src="'+$(this).data("src")+'" allowfullscreen="allowfullscreen" height="281" width="500"></iframe>')})},5e3);
//]]>
</script>

Y editar cada entrada con video <div class="videoyoutube">
<div class="video-responsive">
<div class="video-youtube loader" data-src="//www.youtube.com/embed/gyaYBG-0ifQ">
</div>
</div>
</div>

Lo que esta en negrita se cambia por la url del video. Por ejemplo https://www.youtube.com/embed/gyaYBG-0ifQ quedaría como lo de arriba.

y esto iria en el html de cada post donde tienes tus videos.

<div class="video-responsive">
<div class="video-youtube loader" data-src="//www.youtube.com/embed/gyaYBG-0ifQ">
</div>
</div>
</div>

delpositfiles · 17/12/2015

master!! anda a plantilla , editar html... y busca esto : #outer-wrapper{width:950px... ahi modificas el 950... o el numero q este mas o menos como quieras

anibal0554 · 17/12/2015

JimmyBalarezo disse:
Sería manual eso, lo que entendí es que cambiaste la plantilla y ahora los videos son mas grandes que tu plantilla.
Lo que puedes hacer el hacer tus videos adaptables a cualquier dispositivo.

Puedes poner un css. antes de ]=]=></b:skin>

/* Youtube Responsive */
.videoyoutube{text-align:center;margin:auto;width:100%;}
.video-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.video-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

Esto antes de </body>
<script type='text/javascript'>
//<=!=[=C=D=A=T=A=[
// Youtube Responsive
setTimeout(function(){$(".video-youtube").each(function(){$(this).replaceWith('<iframe class="video-youtube loader" src="'+$(this).data("src")+'" allowfullscreen="allowfullscreen" height="281" width="500"></iframe>')})},5e3);
//]=]=>
</script>

Y editar cada entrada con video <div class="videoyoutube">
<div class="video-responsive">
<div class="video-youtube loader" data-src="//www.youtube.com/embed/gyaYBG-0ifQ">
</div>
</div>
</div>

Lo que esta en negrita se cambia por la url del video. Por ejemplo https://www.youtube.com/embed/gyaYBG-0ifQ quedaría como lo de arriba.

y esto iria en el html de cada post donde tienes tus videos.

<div class="video-responsive">
<div class="video-youtube loader" data-src="//www.youtube.com/embed/gyaYBG-0ifQ">
</div>
</div>
</div>

chale tengo mas de 3 mil videos en mi pagina, a poner 3 mil enlaces como dices jeje

kanikase · 17/12/2015

Nooo XD en cuantl esté en pc te pongo un código para que sea automático :encouragement: 😉 [MENTION=78644]anibal0554[/MENTION]

Enviado desde mi XT1254 mediante Tapatalk

JimmyBalarezo · 17/12/2015

Entonces no :v te tomaría varias horas :drunk:

kanikase · 18/12/2015

Con esto hace todos los videos del tamaño que quieras:

PHP:

<script type="text/javascript">
var width = 600;
var height = 460;
(function(a,b) {
    var iframes = document.getElementsByTagName('iframe');
    for(var i = 0; i < iframes.length; i++) {
        if(iframes[i].src.indexOf('youtube.com/embed/') > -1) {
            iframes[i].width = a;
            iframes[i].height = b;
        }
    }
})(width, height);
</script>

Lo agregas arriba de </body>

Sólo cambias width y height en las líneas 2 y 3 por el alto y ancho que quieras.

anibal0554 · 18/12/2015

kanikase disse:
Con esto hace todos los videos del tamaño que quieras:

PHP:

<script type="text/javascript"> var width = 600; var height = 460; (function(a,b) { var iframes = document.getElementsByTagName('iframe'); for(var i = 0; i < iframes.length; i++) { if(iframes[i].src.indexOf('youtube.com/embed/') > -1) { iframes[i].width = a; iframes[i].height = b; } } })(width, height); </script>

Lo agregas arriba de </body>

Sólo cambias width y height en las líneas 2 y 3 por el alto y ancho que quieras.

me aparece que no es compatible el codigo sale error

kanikase · 19/12/2015

anibal0554 disse:
me aparece que no es compatible el codigo sale error

Así debería funcionar:

PHP:

<script type="text/javascript">
//<![CDATA[
var width = 600;
var height = 460;
(function(a,b) {
    var iframes = document.getElementsByTagName('iframe');
    for(var i = 0; i < iframes.length; i++) {
        if(iframes[i].src.indexOf('youtube.com/embed/') > -1) {
            iframes[i].width = a;
            iframes[i].height = b;
        }
    }
})(width, height);
//]]>
</script>

Raichu · 19/12/2015

Cuando insertabas las videos de youtube, ¿los insertabas dentro de algún div con alguna clase?. Si es así se podría solucionar sin usar JavaScript :encouragement:

Eduardo F · 23/12/2015

En Youtube te dan un código para insertar vídeos en páginas web, tienes que modificar los atributos Width y Height que tienen ese código y poner un valor en pixeles para cambiar el tamaño del vídeo.

Como se muda o tamanho de vídeos youtube em html no blogger

anibal0554

skrill3x

anibal0554

Jessie

JimmyBalarezo

delpositfiles

anibal0554

kanikase

JimmyBalarezo

kanikase

anibal0554

kanikase

Raichu

Eduardo F

Tópicos similares