Skip to main content

Best Way to Add YouTube Video in Blogger - How to Embed YouTube Video on Blogger

✅ Benefits To use This Method - Responsive YouTube Videos Size in Any Device. - Show Only Your Related Videos when User Pause the video. - Show Only Your Videos at the End of the video. ✅ Steps to Add / Embed YouTube Videos in Your Blogger Blog Post - First Copy the CSS Code Which We Provide in this post. - Head Over to Blogger Dashboard. - Select your blog. - click on Layout - click on Theme Designer - Click on Advanced - Now select "ADD CSS" from the drop down menu - Now Paste the CSS Code - Copy the Embed code which we provide in this post. - Go Back to Blogger Dashboard. - Open the post where you want to ADD or EMBED YouTube Video. - Now Simply Remove VID-ID (from Embed code) and add Your Video ID. - Publish or Update Your Post - Done, Now You can see Responsive YouTube Video on the Post. ✅ Please Note - You Need to Add CSS Code only one time in Your Blogger Theme - You Need Use iframe Embed code whenever you want to add YouTube Video on the post.


1. Copy This CSS code and Paste it in Your Blogger Theme File
/*--------YT-Responsive--css------*/

.ytiframe{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
}

.ytiframe iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*---xxx-----YT--Responsive-css---xxxx----*/


2. Copy This Embed Code and Paste it in HTML of Your Blog Post
<div class="ytiframe"><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="auto" src="https://www.youtube-nocookie.com/embed/VID-ID?rel=0" title="YouTube video player" width="100%"></iframe></div>


# Copy This Embed Code and add in blog post for Autoplay Video
<div class="ytiframe"><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="auto" src="https://www.youtube-nocookie.com/embed/VID-ID?&autoplay=1&rel=0" title="YouTube video player" width="100%"></iframe></div>


Comments

Post a Comment

Popular posts from this blog

NATURE PARK CRAIGNANO MASHOBRA

NATURE PARK CRAIGNANO MASHOBRA. Himachal Pradesh Shimla 171001 ), Mashobra   (171007 ),  HUMBLE REQUEST TO EVERYONE :- (Not to pollute the nature beauty) - Be part of the solution, not the pollution. -Forests are green, oceans are blue; keep the Earth clean, for me and you. DISTANCE & TIME :- By train – Take the Shimla Kalka train and drive 25 km from Shimla Railway Station. By road - Shimla  to Talai- (12km) & (33min). Kufri to Talai - (9km) & (27min). Shimla airport  to  Talai - (34.2km) & (1:08hours). BUS AVAILABLE :-   (Yes) -You can take bus from Old bus stand or Lakkar bazzar bus stand  to mashobra . -You need to take a  bus till  Mashobra 2 only . - You can take direct bus from lakkar bazar to Cra i gnano.  -After that you neend to walk for 30 min (3.4km) to visit this place .  -If you have a car then you don't need to walk. INTRODUC...
Post a Comment
Read more

SHALI TIBA

SHALI TIBA                         Or                         SHALI TEMPLE  INTRODUCTION :-  Raman36verma.blogspot.com The Shali Tibba is a peak that is hard to miss. It towers over the district of Shimla, right behind the Mashobra ridge. Despite its conspicuousness, however, the peak does not attract as much attention as it deserves. Shali Tibba, at an altitude of 9,423 feet, is surrounded by Shimla, Mashobra, Kufri, Fagu and Narkanda. This stand-alone peak provides a magnificent vantage point for a panoramic 360 degree view of Himachal Pradesh. The road leading to the base camp, Khatnol Village, winds through a quiet and beautiful valley of blue pine and cedar forest. Away from the hustle of Shimla, the trek to Shali Top is beautiful, short and easy and can be completed in a single day. It is an ideal ...
Post a Comment
Read more

Talai Village

TALAI  TEMPLE   (MASHOBRA)  HUMBLE REQUEST TO EVERYONE :- (Not to pollute the nature beauty) - Be part of the solution, not the pollution. -Forests are green, oceans are blue; keep the Earth clean, for me and you. TALAI  Is located in :- (+91) India, Himachal Pradesh,   Shimla (171001 ), Mashobra   (171007 ),  DISTANCE & TIME :- By train – Take the Shimla Kalka train and drive 25 km from Shimla Railway Station. By road -  Shimla  to Talai- (12km) & (33min). Kufri to Talai - (9km) & (27min).   Mashobra to Talai - (2.5km) & ( 12min).  Shimla airport to Talai - (34.2km) & (1:08hours).  BUSES :- -You can take bus from Old bus stand or Lakkar bazzar bus stand  to mashobra . -You need to take a  bus till  Mashobra 2 only . -After that you neend to walk for 25 min(2.5km) to visit this place .  -If you have a car then you don't need to walk. IN...
Post a Comment
Read more