I'm using a Bootstrap 3 modal to display Vimeo embedded videos. Works fine in all major browsers except that desktop Safari (on Mac and Windows) will not display full screen when the full screen button is clicked during video playback.
After clicking the full screen button on Windows Safari the video can be seen playing extremely small at the top of the screen. On Mac Safari the video expands to full screen for half a second and then disappears.
Example here: http://vidmode.com.win2.mydns.net.nz/modal_test.html
(Play the video in desktop Safari and click the full screen icon to see the issue.)
Is there some CSS or JS I can use to resolve this?
Thanks a lot for all advice!