Hi! Everyone, hope you all are fine.
Today in this post I will tell you how you can embed YouTube videos in HD. You have uploaded a HD screencast on YouTube and you want to embed that screencast in HD (so that by default it will play in HD) on your blog or website for best view for viewers. So they don’t have to change the video to HD manually.
When you embed any YouTube player code look likes this
HTML5/iframe Player embed code
<iframe title="YouTube video player" width="480" height="390" src="https://www.youtube.com/embed/VIDEO-ID" frameborder="0" allowfullscreen></iframe>Flash Player embed code
<object width="480" height="390">
<param name="movie" value="https://www.youtube.com/v/VIDEO-ID"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="https://www.youtube.com/v/VIDEO-ID" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="390"></embed>
</object>You need to add &hd=1 just after VIDEO-ID and it will become like this
HTML5/iframe Player embed code
<iframe title="YouTube video player" width="480" height="390" src="https://www.youtube.com/embed/VIDEO-ID&hd=1" frameborder="0" allowfullscreen></iframe>Flash Player embed code
<object width="480" height="390">
<param name="movie" value="https://www.youtube.com/v/VIDEO-ID&hd=1"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="https://www.youtube.com/v/VIDEO-ID&hd=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="390"></embed>
</object>Now those videos will always play in HD by default, however if users want they can manually change it to lower quality. If you have any question or problem let me know.