p5.jsでローカルファイルの動画をブラウザに表示することができない

前提・実現したいこと

p5.jsでmacのローカルファイルの動画を画面に表示したい。

ローカルファイルの画像を表示することはできるのですが、動画を表示することができません。

発生している問題・エラーメッセージ

コンソールのメッセージです。

Object {file: Object, type: "video", subtype: "mp4", name: "IMG_1473.MP4", size: 10786365…}

該当のソースコード

p5.js
1let input;
2let vid;
3
4function setup() {
5  input = createFileInput(handleFile);
6  input.position(0, 0);
7}
8
9function draw() {
10  background(255);
11  if (vid) {
12    image(vid, 0, 0, width, height);
13  }
14}
15
16function handleFile(file) {
17  print(file);
18  if (file.type === 'image') {
19    vid = createVideo(file.data, '');
20    vid.hide();
21  } else {
22    vid = null;
23  }

試したこと

こちらのコードでローカルファイルの画像を表示することはできることは確認できました。

let input;
let img;

function setup() {
  input = createFileInput(handleFile);
  input.position(0, 0);
}

function draw() {
  background(255);
  if (img) {
    image(img, 0, 0, width, height);
  }
}

function handleFile(file) {
  print(file);
  if (file.type === 'image') {
    img = createImg(file.data, '');
    img.hide();
  } else {
    img = null;
  }

よろしければ動画の表示方法をご教授いただけると嬉しいです。