在 p5 中拉伸视频.js?

Question

我的p5.js画布上播放了一个视频。我的视频的纵横比是 4：3，但我想拉伸视频，以便每当调整窗口大小时它总是填满整个窗口，无论视频的纵横比是多少。

当我使用video.size(x, y)尝试更改大小时，视频始终保持其 4：3 纵横比，使其始终为黑边/上下黑边。

我该如何解决这个问题？

Answer 1

要使用 p5.js将视频拉伸到窗口的大小：

1. 使用createCanvas(windowWidth, windowHeight)创建具有窗口大小的画布
2. 使用视频绘制整个画布image(vid, 0, 0, width, height)
3. 当窗口使用resizeCanvas(windowWidth, windowHeight)和windowResized()调整大小时调整画布大小

您可以在此处查看代码和演示：https://glitch.com/~p5-js-play-video-full-window