Vimeo player issue

Hi guys

i have a small issue with Vimeo player. Please check here: http://noah-watch.com/version-test/index
it does not want to go full screen. Same on mobile
Any advice?

Regards Claudiu

Working Full Screen on Safari (ver9), very nice site by the way :wink:

1 Like

Chrome Version 53.0.2785.116 m (64-bit)
Windows 10

Works fine for me…i’ll check mobile in a second

Yup fine on the Android too

1 Like

weird. i use Safari aswell, and it does not work properly.
When i press full screen button, the website goes full screen but not the video

From preview?

Is it forcing your actual browser full screen?

Try one of the vimeo plugins on documentation page? Behave the same way? https://bubble.io/documentation

  1. Yes
    2.Yes, it s forcing the browser to fullscreen and the video does not go full screen
  2. No, here it seems to be working fine

This is the setup i have. Pretty simple

I got some weird stuff from Safari (cache and cookies…), so I empty all, and everything was fine after. Tell me the result.

I have the same issue on Safari. Clearing cookies and cache didn’t fix it. The page renders in fullscreen but the video is the same size. Works fine on firefox and chrome.

This is the issue with vimeo going fullscreen on safari.

This is the fix - add this to the page header and a HTML ID like ‘myvideo’ to the iframe/video element

#myvideo { /*CSS transitions*/ -o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important; /*CSS transforms*/ -o-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; /*CSS animations*/ -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; }