Failed to execute 'requestFullscreen' on 'Element': API can only be initiated by a user gesture.

[ralphignacio13]

When I am using requestFullscreen() function to make a video player fullscreen using voice commands, I am getting this "(index):379 Failed to execute 'requestFullscreen' on 'Element': API can only be initiated by a user gesture."

Expected Behavior

Video player should be fullscreened

Current Behavior

Returning an error: (index):379 Failed to execute 'requestFullscreen' on 'Element': API can only be initiated by a user gesture.

Possible Solution

Maybe changing the height and width but I tried that it only changes the dimensions of the video the video controls are not included in the change size

Steps to Reproduce (for bugs)

1. Use 'fullscreen' : function (){
   #video.requestFullscreen();

Context

I am very thankful for the opportunity to be able to add voice recognition easily on web application, and I am currently using this for my college thesis.

Your Environment

• Version used: latest
• Browser name and version: Chome
• Operating system and version (desktop or mobile): Windows
• Link to your project: I have it hosted locally