Amphtml: `amp-facebook` video looks strange on mobile and browser's mobile mode

[bin16]

What's the issue?

On (some) mobile phone, (and chrome browser's reponsive mode) amp-facebook embed as video has a purple bar above the video player, so that bottom part of the video is missed(include the video control utils).

Chrome 62.0 / Android 8.0.0 / OnePlus A3000

Firefox Nighty 59.0a1 / Android 8.0.0 / OnePlus A3000

Edge 1.0.0.1270 / Android 8.0.0 / OnePlus A3000

How do we reproduce the issue?

1. Open amp-facebook from ampproject.org on mobile phones. Chrome desktop's responsive mode is ok. Firefox Quantum 58.0b5 (64-bit) can't reproduce.

2. Just see that facebook video player, there should be a purple bar above the video. As a result, part of the video is invisible.

What browsers are affected?

• Chrome 62.0 / Android 8.0.0 / OnePlus A3000
• Firefox Nighty 59.0a1 / Android 8.0.0 / OnePlus A3000
• Edge 1.0.0.1270 / Android 8.0.0 / OnePlus A3000
• Chrome 61.0.3163.79 (Official Build) beta (64-bit) / Ubuntu 17.04

Which AMP version is affected?

https://cdn.ampproject.org/v0/amp-facebook-0.1.js

[aghassemi]

Yikes, thanks for reporting. Likely FB's SKD changed and we need to adopt or it's a FB bug.

[bin16]

https://developers.facebook.com/bugs/353698218434489/

[aghassemi]

Thanks @bin16

[aghassemi]

FB fixed the bug. Closing