p5.MediaElement hideControls() 方法

p5.js 中 p5.MediaElement 的hideControls() 方法用于隐藏当前显示的媒体元素的默认媒体控件。

句法：

hideControls()

参数：此方法不接受任何参数。

下面的示例说明了 p5.js 中的hideControls() 方法：

例子：

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);
}

输出：

在线编辑器： https://editor.p5js.org/
环境设置： https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/
参考： https://p5js.org/reference/#/p5.MediaElement/hideControls