Expected Behavior
I expect an option to disable keyboard controls for video's when the video is not set as background video.
Actual Behavior
I have a custom full screen page, which contains a Vimeo video, when the user started playing and presses F, the video goes to fullscreen. Instead, my own element which contains the video should go to fullscreen.
Steps to Reproduce
I have made codepen to demonstrate what I'm trying to achieve: https://codepen.io/RobertBoes/pen/NWqjmYy
Here you press on F to make the "main div" fullscreen. However, when the user plays the video (and thus has focus on the iframe/video, only the Vimeo iframe goes to fullscreen. I want to prevent this behaviour, or the ability to hook into an event.
Something like this would be perfect:
player.on('fullscreen-change', function () {
// Do your custom fullscreen, instead of how Vimeo does this
});
This way, when the event is registered, Vimeo should not do anything when "F" is pressed, but instead that's handled by the third party.
Another option would be to just disable keyboard controls
Expected Behavior
I expect an option to disable keyboard controls for video's when the video is not set as background video.
Actual Behavior
I have a custom full screen page, which contains a Vimeo video, when the user started playing and presses F, the video goes to fullscreen. Instead, my own element which contains the video should go to fullscreen.
Steps to Reproduce
I have made codepen to demonstrate what I'm trying to achieve: https://codepen.io/RobertBoes/pen/NWqjmYy
Here you press on F to make the "main div" fullscreen. However, when the user plays the video (and thus has focus on the iframe/video, only the Vimeo iframe goes to fullscreen. I want to prevent this behaviour, or the ability to hook into an event.
Something like this would be perfect:
This way, when the event is registered, Vimeo should not do anything when "F" is pressed, but instead that's handled by the third party.
Another option would be to just disable keyboard controls