title: Play Video in landscape Full Screen in Ionic App
body: <p>I have to problem to Play video landscape full screen mode.Please help me to show video in landscape full screen.</p>
  
  <p>I have use the following code to view template in Ionic.</p>
  
  <pre><code>&lt;ion-view view-title="Poem" hide-nav-bar="true"&gt;
      &lt;div class="modal transparent fullscreen-player"&gt;
            &lt;video id="myvideo" ng-src="{{clipSrc}}" class="centerme" controls="controls" autoplay poster="{{bg}}"&gt;&lt;/video&gt;
      &lt;/div&gt;
  &lt;/ion-view&gt;
  </code></pre>
  
  <p>Controller code as Follows :</p>
  
  <pre><code>.controller('PoemDetailCtrl', function($scope) {
        $scope.clipSrc = '/android_asset/www/video/demo.mp4'
        $scope.bg = 'img/poems/01.png';
        var video = document.getElementById("myvideo");
        if (video.requestFullscreen) {
          video.requestFullscreen();
        } else if (video.msRequestFullscreen) {
          video.msRequestFullscreen();
        } else if (video.mozRequestFullScreen) {
          video.mozRequestFullScreen();
        } else if (video.webkitRequestFullscreen) {
          video.webkitRequestFullscreen();
        }
  })
  </code></pre>
  
  <p>I got the following output in android device</p>
  
  <p><a href="https://i.stack.imgur.com/QSWqh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QSWqh.png" alt="enter image description here"></a></p>
  
  <p>And I want to output as follows by default :</p>
  
  <p><a href="https://i.stack.imgur.com/swNhe.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/swNhe.png" alt="enter image description here"></a></p>