Look at this

If you find this pretty amazing then go ahead! This article is for you🥳

Alt Text

Playing a YouTube Video in HTML

To play your video on a web page, do the following:

1) Upload the video to YouTube Take a note of the video id 2) Define an element in your web page 3) Let the src attribute point to the video URL 4) Use the width and height attributes to specify the dimension of the player 5) Add any other parameters to the URL (see below)</p> <p>Define the HTML TAG AS-</p> <p>Tag open (iframe width=“420” height=“315” src=“<a href="https://www.youtube.com/embed/Your_URL">">https://www.youtube.com/embed/Your_URL"></a> /iframe) Tag Close</p> <p>For AUTOPLAY JUST ADD</p> <p>autoplay=1 IN THE URL.</p> <p>At last if you find this interesting give it a like!</p> <p>😍</p> <p><em><a href="https://dev.to/erraghavkhanna/replacing-your-website-background-with-live-videos-3-lines-of-code-m5o">This post is also available on DEV.</a></em></p> <script> const parent = document.getElementsByTagName('head')[0]; const script = document.createElement('script'); script.type = 'text/javascript'; script.src = 'https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.1.1/iframeResizer.min.js'; script.charset = 'utf-8'; script.onload = function() { window.iFrameResize({}, '.liquidTag'); }; parent.appendChild(script); </script> </div> <footer class="post-meta inner-sm"> <time class="published" datetime="2020-06-19 12:01">Friday, June 19, 2020</time> </footer> </article> </main> <footer id="colophon" class="site-footer inner-sm"> <p class="site-info"> <span class="copyright">© All rights reserved.</span> <a href="https://twitter.com/erRaghavKhanna" target="_blank" rel="noopener">Made by Raghav.</a> <a href="https://dev.to/erraghavkhanna" target="_blank" rel="noopener">DEV Community</a> </p> <a id="to-top" class="to-top" href="#page"><span class="icon-arrow-up" aria-hidden="true"></span><span class="screen-reader-text">Back to top</span></a> </footer> </div> </div> </div> <script src="/assets/js/plugins.js"></script> <script src="/assets/js/main.js"></script> <script src="https://widget.stackbit.com/init.js" id="stackbit-widget-init" data-stackbit-project-id="5ee26a6d6b5b0700195c0295"></script></body> </html>