How To Make Youtube Video Responsive In Blogger Post(2018) - Easy Step-By-Step Process embed youtube video and resize properly in blogger

-
Are you a Video Creator trying to embed your video on Blogger Post..? If so, then you are at the right place. Here you will lean step-by-step process to embed full Responsive Youtube video on blogger post. Check below how to make youtube video responsive and mobile friendly on blogger post.
embed youtube video and resize properly in blogger, embedding, How to embed youtube video, make video embedding responsive in blogger, video, vlog, youtube, youtuber,

Do you like to Embed your YouTube Video make your YouTube Video Responsive like this Responsive YouTube Video and like to embed youtube video and resize properly in blogger.


1. Follow all the Steps to make YouTube video embedding responsive in blogger post.
Select your video on YouTube that you would like to share, Click Share Button(then) -> Copy the embedded code.
2. Copy your Youtube Video Embed Code and keep that code on Note-Pad or anywhere, embedded youtube video code will be like
 <iframe width="560" height="315" src="code here" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> 

3. Now just copy the src code from your youtube embeded code which you kept in Note-Pad and paste that on Responsive Youtube Video embed code in your blogger post (HTML), your code will look like

<iframe allowfullscreen="" frameborder="0" height="270" src="code here" width="480"></iframe>
4. Now its time to add some css codes in blogger HTML mode to make our YouTube Video Responsive. Goto Blogger->Theme->Edit HTML->(Now, press CTRL+F a search box will open paste ]]></:bskin> and hit enter. Now above ]]></:bskin> paste these codes

.resvideo {position: relative;max-width: 100%;margin: 20px auto;padding-bottom: 56%;padding-top: 30px;overflow: hidden;height: auto;}.resvideo iframe, .videoresp object, .videoresp embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
5.Click save your template and you are done. Now all videos of your blogger video were mobile responsive. Comment down if you are benefited by this Tutorial, & let me know. If benefited share this post to help other.

Comments

  1. Charles ChristianSeptember 17, 2018 at 12:31 AM

    I like your post & I will always be coming frequently to read more of your post. Thank you very much for your post once more. I would like you to visit https://nexter.org/category/video here for more videos !

    ReplyDelete
  2. FrankupdateSeptember 21, 2018 at 6:19 PM

    i love this post

    ReplyDelete
    Replies
    1. Pritam PaulSeptember 23, 2018 at 10:21 PM

      Appreciated that you liked our post. Do visit our blog regularly.

      Delete

Post a Comment

[[ DOFOLLOW COMMENT ]]

Popular posts from this blog

How To Write Math or Equation on Blogger

-
Image
Hey! Are you a math teacher searching for a solution to type Math Equations beautifully in blogger post . Searched tons of blog posts, YouTube and Quora relating " How to write math in blogger " or " How to use MathJax or Latex in blogger " but found no solution and working codes, eventually codes which you found while searching were actually the piece of junk. If so, then in this tutorial am going to give you a detailed tutorial with working .js code on how to write math equation on Blogspot blogger blog . Check this blog how beautifully math equations were written on blogger post:   DEMO How To Write Math Equation In Blogger 1. Login to your blogger dashboard & select your blog. 2. Goto Theme > Edit HTML. 3. Press [ CTRL + F   ] and search the code /body 4. Above /body  paste the following code: Hope this helped! If you are really benefitted by this article to write Math Equation in Blogger feel free to share and s...
Read more

How To Write Perfect SEO-Optimized Articles In Blogger

-
Image
Optimization of blog posts is very important to achieve higher ranking in search engines .  One of the best ways to rank articles in google and  generate quality organic traffic   for the newly published article is to make them search engine friendly . As a blogger when you  write any new article , your article should be optimizing your blog post in such a way that its easy to understand for the search engine as well as for blog readers. In my previous I wrote a detailed article relating various methods to Generate Backlinks like Guest Posting , Web 2.0 , Commenting on other blogs and commenting on forums . All these were OFF Page SEO techniques, of course, they do notable help to rank any article in google but if you write a quality content with proper optimization you can rank on the first page in google without having any backlinks. SEO optimized blogs and articles are a really very important part for any online business  when looking to ...
Read more