shubha avatar image
shubha asked

Youtube videos are cropped in Cordova webapps

We are creating an Android app for Amazon Fire Stick devices. I am using Cordova to create the Android wrapper around my web application which is loaded in an iframe. I am using javascript to embed youtube player as shown here.

I have used this code to embed youtube videos in my web application for a long time now and it works without any problem but in Fire Stick devices the video shows up cut off as shown below.

The video is supposed to play in the rectangular section. The video does play but only the top left corner seems to be visible.

The strange thing is, it plays fine if I play it in full screen mode. It also plays fine in Fire Tablet devices whether it's full screen or not. Also, in my tests, I have found that the video is positioned correctly in the iframe in some rare occassions.

Any help will be appreciated. Thank you.

fire tv
1 comment
10 |5000

Up to 2 attachments (including images) can be used with a maximum of 512.0 KiB each and 1.0 MiB total.

I wouldn't bother trying to create a hosted, packaged or hybrid web app for the Fire TV platform. The documentation is extremely out of date, as is Web App Tester, and it's a massive can of worms.
0 Likes 0 ·

0 Answers