Hi,

I am making a component that plays different video on click of buttons. Now everything works as expected. But the Fullscreen button is not behaving correctly. Here are my findings:

1. The full screen button works perfectly in Media Component, but not in the component i am developing.
2. Firefox and Chrome :

• Without Firefox Responsive Widget :  It goes full screen then comes back to original size with error in the console saying "Exited full-screen because full-screen element was removed from document". In chrome no error message appears but result is same.
• With Firefox Responsive Widget : It goes full screen but the videos aspect ratio is not maintained.

 3.   On an Android Device(Chrome browser) :  It goes full screen then comes back to original size.

I am attaching the files i have created.

Any suggestions will be helpful.