How to make a Youtube video fullscreen by default


#1

I embaded a youtube video to my ionic app :slight_smile:

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';

@Component({
    selector: 'page-youtube',
    template: `
    <ion-header>
        <ion-navbar>
            <ion-title>Vidéo Youtube</ion-title>
        </ion-navbar>
    </ion-header>
    
    <ion-content>  
        <iframe width="560" height="315" src="https://www.youtube.com/embed/xxxxxxxxxx" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>
    </ion-content>
    
    `,
  })

  export class YoutubeVideo{
      constructor(public navCtrl: NavController){}
  }

But when I run it, it only take a half of the mobile screen. I want it to take the viewport dimensions.


#2

Have you tried setting height="100%" ?