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

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

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

Chamba Medical College Allegations: Is This Also a Failure of Workplace Prevention Systems?

Tap on the Link The recent allegations emerging from Pandit Jawaharlal Nehru Government Medical College & Hospital, Chamba, have shocked many across Himachal Pradesh. According to reports, an outsourced female sanitation worker has accused a contractor and a supervisor of sexual exploitation and rape. Police have registered an FIR, arrested the accused individuals, and initiated an investigation. Reports also indicate that three other female sanitation workers have raised concerns regarding mental harassment and workplace mistreatment. As the investigation proceeds, it is important to emphasize that the allegations are yet to be judicially determined, and every accused person is entitled to due process and a fair trial. However, beyond the criminal allegations lies another critical question that deserves public attention: Could stronger workplace prevention mechanisms have prevented the situation from escalating to this stage? Looking Beyond Individual Accountability Wh...
Post a Comment
Read more