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

Kalyani Helipad, Chharabra.

Kalyani Helipad, Chharabra, India (+91) Himachal Pradesh, Shimla (171001), Kufri (171012) Distance & Time :- Distance from  Shimla Railway Station  - 13(km) & (35min). Distancefrom  Shimla Airport  - (33km) & (1:07hour). Distancefrom  Shimla Interstate Bus Terminal  - (11km) & (30min). Distance from  Dhalli  - (4.2 km) & (15min). Distance from  Kufri  - (3 km) & (5min). Introduction :- Kalyani Helipad: There are views of the Himalayas, Shimla and the valley below from this point. Chharabra, a small village situated approximately 8250 feet (2514 m) above sea level, 13 km from  Shimla ,  India , on  National Highway 22  (Hindustan-Tibet Road),, a five star luxury hotel, a boarding school, and a helipad even though the population would be less than 500 people (including students of boarding school, staff of the President's Retreat and Governor's hou...
Post a Comment
Read more

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

MY FIRST TATTO

If you're considering getting your first tattoo, you're probably wondering what the experience is like. In this blog post, I'll give you a personal account of my first tattoo experience. I'll describe the process from start to finish, and I'll also share my thoughts on the overall experience. Keep in mind that everyone's experience is different, so your experience may vary from mine. f you're considering getting a tattoo, there are a few things you should keep in mind before making your decision. First, make sure you research the artist and the studio thoroughly. Ask to see examples of their work, and find out what kind of safety precautions they take to ensure your safety. Also, be sure to think about what you want your tattoo to represent. It's a big decision, so take your time and make sure you're happy with the final product. k3qLlFKj_tU alDABb9fM2AuqbZesr5LOr51G1naBQ5HEZOoINjyFG8R9J7qc9henbqZtZzE6bnGm9jhseI0m8w1S0Xx2dF2RWRqDqbYG_H_ueR...
Post a Comment
Read more