Skip to main content

How to Embed Youtube Videos in HTML

Language


Step 1: Visit a Youtube video link you want to embed.
Step 2: Under the video, click Share.
Step 3: Click Embed.
Step 4: From the modal box that appears, copy the HTML code
Step 5: Paste the code wherever in your blog or website HTML

Done

Sample Code Here

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>How to Embed Youtube Videos in HTML</title>
  5. </head>
  6. <body>
  7. <div width="580" style="width:560px;border:1px solid black;padding:10px;">
  8. <h1 style="margin-top:-5px;text-align:center;">How to Embed Youtube Videos in HTML</h1>
  9. <iframe width="560" height="315" src="https://www.youtube.com/embed/ZjBYP7cfPIg" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
  10. <table>
  11. <tr>
  12. <td><strong>Note:<strong>&nbsp&nbsp</td>
  13. <td>Video Author:</td>
  14. <td>&nbsp&nbsp&nbsphttps://www.youtube.com/user/Britec09</td>
  15. </tr>
  16. <tr>
  17. <td>&nbsp&nbsp</td>
  18. <td>Video Link:</td>
  19. <td>&nbsp&nbsp&nbsphttps://www.youtube.com/watch?v=ZjBYP7cfPIg</td>
  20. </tr>
  21. </table>
  22. </div>
  23. </body>
  24. </html>

Note: Due to the size or complexity of this submission, the author has submitted it as a .zip file to shorten your download time. After downloading it, you will need a program like Winzip to decompress it.

Virus note: All files are scanned once-a-day by SourceCodester.com for viruses, but new viruses come out every day, so no prevention program can catch 100% of them.

FOR YOUR OWN SAFETY, PLEASE:

1. Re-scan downloaded files using your personal virus checker before using it.
2. NEVER, EVER run compiled files (.exe's, .ocx's, .dll's etc.)--only run source code.

Add new comment

CAPTCHA
This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.