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.