Ionic3 while setting iframe to full screen page reloads

user_8944627 0
Viewed 2609

In my application (android) I have iframes with video (youtube and vimeo). When I had ionic version 2 then I could set iframe to fullscreen but after updating application to ionic 3 it is not working. When I click fullscreen button then application page reloads and full screen disappears. Has anyone similar problem?

ionic-framework typescript iframe fullscreen
1 Answers

Try this..

in HTML file add..

<iframe class= 'webPage' name= "eventsPage" [src]="url" allowfullscreen>
</iframe>

and in CSS file add..

ion-content div.scroll{
   height: 90%; 
}

.webPage{
   width: 100%;
   height: 100%;
   background-color: transparent;
   padding: 1rem;
}

hope this will help you

user_81977450
Related