How to Increase Video Size inwards Blogger Posts

Updated on: July 16, 2016

Embedding a YouTube video inwards your weblog ship service is the best exercise to brand your ship service content rich in addition to visually effective. Moreover adding videos inwards your ship service helps you lot to decrease the bounce rate in addition to increases your revenue.

We tin easily add together videos on our posts past times using blogger ship service editing tool bar but past times default blogger post's video size is pocket-size in addition to doesn't fill upwards the whole ship service width, that pocket-size size tin deportment on your video impact on readers. So, to increase the size of your blogger video (By maintaining its ratio) then that viewers tin run into clearly simply follow the scope tutorial alongside images.

Steps: How To Change YouTube Video Size

Step 1. Login to your blogger trouble concern human relationship > Dashboard > Template > Edit HTML

Step 2. Click anywhere within the code in addition to notice the next code (use Ctrl + F):

</head>

Step 3. Just inwards a higher house it house the next code:

<script src='//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js' type='text/javascript'></script>
<script>
$('.YOUTUBE-iframe-video').ready(function(){
$('.YOUTUBE-iframe-video').parent().css({
    'position': 'relative',
    'padding-bottom': '56.25%',
    'height': '0',
    'clear': 'both',
    'text-align': 'center',
    'margin': '20px 0'
});

$('.YOUTUBE-iframe-video').css({
    'position': 'absolute',
    'top': '0',
    'left': '0',
    'width': '100%',
    'height': '100%',
});
});
</script>

Step 4. Click Save template.

Done !

All of your embedded YouTube videos volition last of amount size in addition to responsive alongside your ship service width. If you lot convey in addition to number related to inwards a higher house tutorial comment below. Stay Updated, Browse ! :)