مكتبة جميع البرامج التي تحتاجها - موقع متميز وخطوات بسيطة

We can easily add videos on our posts by using blogger post editing tool bar but by default blogger post's video size is small and doesn't fill the whole post width

The small size can affect your video impact on readers.

You can follow the following steps to increase the size:

1-  Login to your blogger account 

> Dashboard > Template > Edit HTML

2- find the line (by pressing ctrl+f )

</head>

3- add the following script before it:

<script src='//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js' type='text/javascript'/>

<script>

$(&#39;.YOUTUBE-iframe-video&#39;).ready(function(){

$(&#39;.YOUTUBE-iframe-video&#39;).parent().css({

    &#39;position&#39;: &#39;relative&#39;,

    &#39;padding-bottom&#39;: &#39;56.25%&#39;,

    &#39;height&#39;: &#39;0&#39;,

    &#39;clear&#39;: &#39;both&#39;,

    &#39;text-align&#39;: &#39;center&#39;,

    &#39;margin&#39;: &#39;20px 0&#39;

});

$(&#39;.YOUTUBE-iframe-video&#39;).css({

    &#39;position&#39;: &#39;absolute&#39;,

    &#39;top&#39;: &#39;0&#39;,

    &#39;left&#39;: &#39;0&#39;,

    &#39;width&#39;: &#39;100%&#39;,

    &#39;height&#39;: &#39;100%&#39;,

});

});

</script>