Como se cambia el tamaño de videos youtube en html en blogger

skrill3x dijo:

<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

Hacer clic para expandir...

JimmyBalarezo dijo:

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>

Hacer clic para expandir...

kanikase dijo:

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.

Hacer clic para expandir...

anibal0554 dijo:

me aparece que no es compatible el codigo sale error

Hacer clic para expandir...

<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>