Ionic3在设置iframe到全屏页面时重新加载

时间:2017-11-15 10:55:10

标签: typescript iframe ionic-framework fullscreen

在我的应用程序(android)中,我有iframe与视频(youtube和vimeo)。当我有离子版本2然后我可以将iframe设置为全屏但是在将应用程序更新为离子3后它无效。当我单击全屏按钮时,应用程序页面重新加载并全屏消失。有没有类似的问题?

1 个答案:

答案 0 :(得分:1)

尝试一下。

在HTML文件中添加。.

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

并在CSS文件中添加。.

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

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

希望这会对您有所帮助