Embedding a Short YouTube Video

The YouTube Short video is not supported by many WordPress YouTube plugins. You can embed it using the Custom HTML block with the <iframe> tag.

1. First, modify the URL of the YouTube Short by replacing its /short/ part with /embed/. Example:
   
   https://www.youtube.com/short/NSzTEQcDvPk
   https://www.youtube.com/embed/NSzTEQcDvPk
   
2. Add the rel parameter to the end of the URL to disallow the related videos boxes at the end of the video:
   
   https://www.youtube.com/embed/NSzTEQcDvPk?rel=0
   
3. The entire <iframe> code:
   <iframe width=”533″ height=”947″ src=”https://www.youtube.com/embed/NSzTEQcDvPk” title=”First time Yngwie heard Van Halen #vanhalen #yngwiemalmsteen #shorts” frameborder=”0″ allow=”accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share” allowfullscreen></iframe>
   
4. To make your video responsive, add the class to the section in which the video was embedded, for example, video-embed.
5. Add the custom CSS code in the Customizer:

.video-embed {
position: relative;
padding-bottom: 56.25%;
padding-top: 0px;
height: 0;
overflow: hidden;
}
.video-embed {
position: absolute;
top: 0;
left: 0;
width: 100%!important;
height: 100%!important;
}