p5.MediaElement hideControls() Method
The hideControls() method of p5.MediaElement in p5.js is used to hide the default media controls for the media element if they are currently shown.
Syntax:
hideControls()
Parameters: This method does not accept any parameters.
The example below illustrate the hideControls() method in p5.js:
Example:
Javascript
function setup() { createCanvas(500, 400); textSize(20); example_media = createVideo( "sample-video.mp4" ); example_media.size(500, 300); example_media.position(20, 100); example_media.showControls(); text( "Click on the button to " + "hide media controls" , 20, 20); hideBtn = createButton( "Hide Controls" ); hideBtn.position(30, 40); hideBtn.mousePressed(hide); } function hide() { // Hide the media controls example_media.hideControls(); text( "Media controls are now hidden!" , 20, 80); } |
Output:
Online editor: https://editor.p5js.org/
Environment Setup: https://www.w3wiki.net/p5-js-soundfile-object-installation-and-methods/
Reference: https://p5js.org/reference/#/p5.MediaElement/hideControls