p5.MediaElement hideControls() 方法介绍

简介

hideControls() 是P5.js中p5.MediaElement对象的一个方法，它可以隐藏媒体元素的控制条。

语法

mediaElement.hideControls();

参数

此方法没有参数。

返回值

该方法没有返回值。

示例

我们来看一个示例，当鼠标悬浮于视频上时，隐藏掉视频的控制条。

let video;

function setup() {
  createCanvas(640, 480);

  // 创建一个video元素
  video = createVideo(['path/to/video.mp4']);

  // 鼠标悬浮于视频上时，隐藏掉视频的控制条
  video.mouseOver(() => {
    video.hideControls();
  });

  // 鼠标离开视频时，显示视频的控制条
  video.mouseOut(() => {
    video.showControls();
  });

  // 播放视频
  video.play();
}

function draw() {
  background(0);

  // 在画布上绘制视频
  image(video, 0, 0);
}

参考资料

• P5.js官方文档