Vimeo player controls vanish permanently soon after they first hide

Expected Behavior

Vimeo player should always show the player controls (including whichever controls the Vimeo account has active: play/pause, fullscreen, bar, etc) whenever the user taps on the video.

Actual Behavior

1. The player loads.
2. The controls get automatically hidden after a few seconds as they typically would.
3. Tapping on the video does not revive the controls.
4. The fullscreen button never shows even though the width is bigger than 375px (so it should not be in mini or micro modes).

Steps to Reproduce

Load the player in a webkit browser on Android. This issue does not exist on iOS - only on Android.

Also, tried it with iframe instead of the div with the same results.

Using:

import Player from ‘@vimeo/player’; … const options = { id: this.videoId, width: window.innerWidth * 0.96, }; const player = new Player( this.el.nativeElement, options ); … <div data-vimeo-autoplay="false" data-vimeo-playsinline="false" data-video-id="#########" data-vimeo-initialized="true"></div> Where ######### was an actual video id.

============== WHEN FIRST CLICKING PLAY

[Deprecation] ‘HTMLVideoElement.webkitSupportsFullscreen’ is deprecated. Please use ‘Document.fullscreenEnabled’ instead. videoEnabled @ player.js:2 [Deprecation] ‘HTMLVideoElement.webkitEnterFullscreen()’ is deprecated. Please use ‘Element.requestFullscreen()’ instead. i @ player.js:2 [Deprecation] ‘HTMLVideoElement.webkitDisplayingFullscreen’ is deprecated. Please use ‘Document.fullscreenElement’ instead. get @ player.js:2 C @ player.js:2 R @ player.js:2 sentryWrapped @ sentry.min.js:2

============== WHEN FIRST LOADING

Additionally, there are these errors when the player first loads, although it doesn’t prevent the player or the controls (besides fullscreen) from loading, so I suspect is unrelated:

• The deviceorientation events are blocked by feature policy. See https://github.com/WICG/feature-policy/blob/master/features.md#sensor-features

• Refused to load the image ‘android-webview-video-poster:default_video_poster/3945440453042126112’ because it violates the following Content Security Policy directive: “img-src ‘self’ data: https://i.vimeocdn.com https://secure-b.vimeocdn.com https://f.vimeocdn.com https://vimeo.com https://secure.gravatar.com https://i0.wp.com https://i1.wp.com https://i2.wp.com https://pagead2.googlesyndication.com https://player.vimeo.com https://*.ci.vimeows.com https://f.vimeocdn.com”.

Related to: https://github.com/vimeo/player.js/issues/98

[luwes]

Thanks for your feedback @zeusstl, we will look into this issue.

[victorkifer]

same issue (Android)