title: IFrame: This content cannot be displayed in a frame; the error is still occurring after adding header
body: <p>I am receiving the error:<br>
  To help protect the security of information you enter into this website, the publisher of this content does not allow it to be displayed in a frame. I just want to embed a YouTube video to my site and I've added the tags </p>
  
  <pre><code>&lt;meta http-equiv="X-Frame-Options" content="allow"&gt;
  </code></pre>
  
  <p>But the error is still occurring. Here is the entire code down to where I added the iframe tags. </p>
  
  <pre><code>   &lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  
  &lt;head&gt;
  &lt;link rel="shortcut icon" href="/img/favicon.jpg"&gt;
  
  &lt;meta charset="utf-8"&gt;
  &lt;meta http-equiv="X-Frame-Options" content="allow"&gt;
  &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  &lt;meta name="description" content=""&gt;
  &lt;meta name="author" content=""&gt;
  
  &lt;title&gt;DroneDaddy&lt;/title&gt;
  
  &lt;!-- Bootstrap Core CSS --&gt;
  &lt;link href="css/bootstrap.min.css" rel="stylesheet"&gt;
  
  &lt;!-- Custom CSS --&gt;
  &lt;link href="css/business-casual.css" rel="stylesheet"&gt;
  
  &lt;!-- Fonts --&gt;
  &lt;link href="http://fonts.googleapis.com/css?    family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,7 00,800" rel="stylesheet" type="text/css"&gt;
    &lt;link href="http://fonts.googleapis.com/css? family=Josefin+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic, 700italic" rel="stylesheet" type="text/css"&gt;
  
   &lt;!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media  queries --&gt;
   &lt;!-- WARNING: Respond.js doesn't work if you view the page via file:// --&gt;
   &lt;!--[if lt IE 9]&gt;
      &lt;script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"&gt;   &lt;/script&gt;
       &lt;script    src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"&gt;&lt;/script&gt;
     &lt;![endif]--&gt;
  
  &lt;body&gt;
  
  
  &lt;p&gt;&amp;nbsp;&lt;/p&gt;
  &lt;p&gt;&amp;nbsp;&lt;/p&gt;
  &lt;/body&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
    &lt;div class="brand"&gt;Welcome to DroneDaddy&lt;/div&gt;
   &lt;div class="address-bar"&gt;Lawton, Ok&lt;/div&gt;
  
   &lt;!-- Navigation --&gt;
   &lt;nav class="navbar navbar-default" role="navigation"&gt;
      &lt;div class="container"&gt;
          &lt;!-- Brand and toggle get grouped for better mobile display --&gt;
        &lt;div class="navbar-header"&gt;
          &lt;button type="button" class="navbar-toggle" data-toggle="collapse"    data-target="#bs-example-navbar-collapse-1"&gt;
                  &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
            &lt;/button&gt;
            &lt;!-- navbar-brand is hidden on larger screens, but visible when  the menu is collapsed --&gt;
            &lt;a class="navbar-brand" href="index.html"&gt;DroneDaddy&lt;/a&gt;
          &lt;/div&gt;
          &lt;!-- Collect the nav links, forms, and other content for toggling --  &gt;
          &lt;div class="collapse navbar-collapse" id="bs-example-navbar-    collapse-1"&gt;
              &lt;ul class="nav navbar-nav"&gt;
                  &lt;li&gt;
                      &lt;a href="index.html"&gt;Home&lt;/a&gt;
                  &lt;/li&gt;
  
                  &lt;li&gt;
                      &lt;a href="about.html"&gt;About&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="contact.html"&gt;Contact&lt;/a&gt;
                  &lt;/li&gt;
                   &lt;li&gt;
                      &lt;a href="realestate.html" class="dropdown-toggle" data- toggle="dropdown"&gt;services
                      &lt;b class="caret"&gt; &lt;/b&gt;
                      &lt;/a&gt;
                       &lt;ul class="dropdown-menu"&gt;
             &lt;li&gt;&lt;a href="realestate.html"&gt;Real Estate&lt;/a&gt;&lt;/li&gt;
             &lt;li class="divider"&gt;&lt;/li&gt;
             &lt;li&gt;&lt;a href="inspection.html"&gt;Aerial Inspection&lt;/a&gt;&lt;/li&gt;
             &lt;li class="divider"&gt;&lt;/li&gt;
             &lt;li&gt;&lt;a href="advertisement.html"&gt;Advertisement&lt;/a&gt;&lt;/li&gt;
             &lt;li class="divider"&gt;&lt;/li&gt;
             &lt;li&gt;&lt;a href="photography.html"&gt;Aerial Photography&lt;/a&gt;&lt;/li&gt;
             &lt;li class="divider"&gt;&lt;/li&gt;
             &lt;li&gt;&lt;a href="police_tatical.html"&gt;Police/Tactical Response&lt;/a&gt; &lt;/li&gt;
           &lt;/ul&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                    &lt;a href="blog.html"&gt;News&lt;/a&gt;
  
              &lt;/ul&gt;
          &lt;/div&gt;
          &lt;!-- /.navbar-collapse --&gt;
          &lt;/div&gt;
          &lt;!-- /.container --&gt;
      &lt;/nav&gt;
  
    &lt;div class="container"&gt;
  
  &lt;div class="row"&gt;
  &lt;div class="box"&gt;
  &lt;div class="col-lg-12 text-center"&gt;
    &lt;div id="carousel-example-generic" class="carousel slide"&gt;
                      &lt;!-- Indicators --&gt;
                      &lt;ol class="carousel-indicators hidden-xs"&gt;
                          &lt;li data-target="#carousel-example-generic" data-  slide-to="0" class="active"&gt;&lt;/li&gt;
                          &lt;li data-target="#carousel-example-generic" data- slide-to="1"&gt;&lt;/li&gt;
                           &lt;li data-target="#carousel-example-generic" data- slide-to="2"&gt;&lt;/li&gt;
                      &lt;/ol&gt;
  
                      &lt;!-- Wrapper for slides --&gt;
                     &lt;div class="jumbotron col-lg-12"&gt;
                     &lt;h1&gt;Featured Video&lt;/h1&gt;
  &lt;p&gt;
  Hello, Ok.
  &lt;/p&gt;
  &lt;iframe width="420" height="315"
  src="https://www.youtube.com/watch?v=e2od1FBOCU8"&gt;
  &lt;/iframe&gt;
  
   &lt;/div&gt;
  </code></pre>