Embedding power-bi into cordova app is not working for some phones

[PriyankaSinha]

I'm trying to embed the power-bi report into cordova app as explained here.

here is my code:

var embedConfiguration = {

type: 'report',
accessToken: '// access token',
id: '// report id',
embedUrl: 'https://embedded.powerbi.com/appTokenReportEmbed'
};
var reportContainer = document.getElementById('reportContainer');
var report = powerbi.embed(reportContainer , embedConfiguration);
powerbi.get(reportContainer);

But I'm getting the following errors for some phones:

Uncaught DOMException: Blocked a frame with origin "https://embedded.powerbi.com" from accessing a cross-origin frame.(…)

The error doesn't depends on android version also, two phones which has android 5.1.1 - for one of the phone, power bi report works fine but for another phone getting this error.

iframe is being loaded for all phones but the content of that iframe document is different if I get this error(In this case, it just shows the power-bi loader).

I tried putting <access origin="*" /> in config.xml but no luck!

[Eric_Zhang]

@PriyankaSinha

That seems a common security error when using an Iframe, which is not Power BI specific. Check a similar link.

I think the problem is specific for browsers or setting of the phones, embeding power bi is actually for web applications viewed from the mainstream browsers on PC. For mobile devices, try to use Power BI Mobile.

[PriyankaSinha]

@Eric_Zhang Thanks. 

Can you please guide me how can I use Power Bi Mobile for my App.

[Eric_Zhang]

@PriyankaSinha

Power BI Mobiles are application for mobile devices(android, ios), you shall publish your report to Power BI Service and view the report from Power BI Mobile.