Add A Beautiful Background Photo To Youtube Videos In Blogger

I have seen the beautiful background picture to YouTube videos in labnol blog. From that day I was searching for the code. Finally, I found the code. This tutorial will guide you "How to Add A Beautiful Background Photo To Youtube Videos In Blogger Blog". You can give different look to your YouTube videos with the help of this tutorial.

I am sure your readers will like new style of video sharing. So, Let's start working.

Style 1

Style 1 Demo Here

• Use the HTML Code Given Below In Your Post To Add Background To Your YouTube Videos

<div class="youtubeBorder">
<div class="post-video" style="text-align: center;">
<span class="youtube"><iframe allowfullscreen="" class="youtube-player" frameborder="0" height="360" src="http://www.youtube.com/embed/13poI_dQuz8?wmode=transparent&amp;fs=1&amp;hl=en&amp;modestbranding=1&amp;iv_load_policy=3&amp;showsearch=0&amp;rel=0&amp;theme=light" title="YouTube video player" type="text/html" width="550"></iframe></span></div>
</div>

• Replace 13poI_dQuz8 With Your YouTube Video ID 
• Adjust  Height  360  and Width  550 According To Your Blog. 

Style 2 

Style 2 Demo Here

<div style="background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9C_O4ltGvkz9g4vJv8ib_bG8EkD-Ip17aX9YYiGm09bFBQiGJoT7NQI3D7Zm1jtLEYskgzBvKxAqOyus0MhetPrpH_X8ZpkNx_-s0uB8XPWNG3WENykvNIakfSrMzlI9TXyvxtmhTBk0/s1600/youtube-background-style.png&quot;) no-repeat scroll left top transparent; height: 364px; margin: 0px auto; padding: 19px 0px 0px 22px; text-align: left; width: 532px;"><iframe allowfullscreen="" frameborder="0" height="298" src="http://www.youtube.com/embed/13poI_dQuz8" width="498"></iframe></div>

• Replace 13poI_dQuz8 With Your YouTube Video ID
• Adjust  Height  360  and Width  550 According To Your Blog. 

Where I Can Get The YouTube Video ID?

• You Can Get The YouTube Video Id From The URL as Shown Below: