title: Embedded HTML5 player refuses fullscreen requests
body: <p>This is the whole page</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;script type="text/javascript" src="//bitmovin-a.akamaihd.net/bitdash/latest/bitdash.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="player"&gt;&lt;/div&gt;
  &lt;script type="text/javascript"&gt;
      var conf = {
          key:       "xxxxxxx",
      playback: {
       autoplay:  true
      },
          source: {
            dash:        'http://xxxxxx',
            poster:      'https://i.ytimg.com/vi/y5qYUsmZNHg/maxresdefault.jpg'
          }
      };
      var player = bitdash('player');
      if (player.requestFullscreen) {
      player.requestFullscreen(); }
  
      player.setup(conf).then(function(value) {
          // Success
          console.log('Successfully created bitdash player instance');
      }, function(reason) {
          // Error!
          console.log('Error while creating bitdash player instance');
      });
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>and I use a simple iframe embed code and even add allowfullscreen into it
  however whenever I attempt to full screen it in by browser it returns the error </p>
  
  <p>"Request for full-screen was denied because at least one of the document's containing iframes does not have an "allowfullscreen" attribute."</p>
  
  <p>I am not well versed in JS or HTML so this is likely me being stupid. I added the if statement which did not fix it so I am lost here.</p>