修复: WebGL: INVALID_VALUE: tex(Sub)Image2D: video visible size is empty

原文链接: 修复: WebGL: INVALID_VALUE: tex(Sub)Image2D: video visible size is empty

上一篇: 从npm上撤销/删除自己发布的包

下一篇: React Typescript 报错 Cannot assign to 'current' because it is a read-only property.

播视频的时候遇到一个问题

WebGL: INVALID_VALUE: tex(Sub)Image2D: video visible size is empty

这个问题是因为chrome禁止了自动播放, 必须在用户交互后才能进行

这个也向regl提了PR, 目前在mac上是可以的, 但是regl的库构建也太老了, 我win10都装不了...

设置一些属性, 然后关闭自动播放, 但是需要手动load, 然后在用户点击后调用play播放视频

video.autoplay = false;
video.loop = true;

video.preload = "auto";
video.autoload = true;
video.load();

startBtn.addEventListener("click", () => {
  video.play();
});