title: video will not load in HTML file
body: <p>Creating a web page and i would like to add some YouTube videos in it i inserted the correct tags and then inserted the link to the YouTube video but t dose not work with the video i have selected, does anyone know why this is happening and could anyone help. i tried an example from online with a video already selected but when i try change the video it does not appear.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>    body {
      margin: auto;
      background-color:     
      font-family: Arial, Helvetica, sans-serif;
      width: auto
      }
      
      .topnav a { 
      float: left;
      color: #f2f2f2;
      text-align: center;
      text-decoration: none;
      font-size: 23px;
      padding-top: 12px;
      padding-right: 16px;
      padding-bottom: 10px;
      padding-left: 16px;
      }
      
      .topnav a:hover {
      background-color: #ddd;
      color: black;
      }
      
      .topnav a.active {
      color: white;
      }
      
      .topnav {
      overflow: hidden;
      background-color: #333;
      }
      
      html {
      background: url(ring.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover; 
      background-attachment: fixed;    
      }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
         &lt;html&gt;
          
        &lt;head&gt;
          
        &lt;link rel="stylesheet" type="text/css" href="bestknockouts.css"&gt;
          
          
        &lt;/head&gt;
          
        &lt;body&gt;
            
              
        &lt;div class="topnav"&gt;
        &lt;a class="active" href="website.html"&gt;&lt;u&gt;Home&lt;/u&gt;&lt;/a&gt;
        &lt;a href="topfighters.html"&gt;&lt;u&gt;Top Fighters&lt;/u&gt;&lt;/a&gt;
        &lt;a href="bestknockouts.html"&gt;&lt;u&gt;Best Knockouts&lt;/u&gt;&lt;/a&gt;
        &lt;a href="contactpage.html"&gt;&lt;u&gt;Contact Page&lt;/u&gt;&lt;/a&gt;
        &lt;a href="https://twitter.com/ItsssOwen"&gt;
        &lt;img src="twitter%20link.png"  width="42" height="32" border="0"&gt;
        &lt;/a&gt;
      &lt;/div&gt;
          
      &lt;iframe width="420" height="315"
      src="https://www.youtube.com/watch?v=bOGaYVijgh0"&gt;
      &lt;/iframe&gt;
          
      &lt;/video&gt;
          
      &lt;/body&gt;
          
      &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>