我正在使用QuaggaJS软件包扫描条形码。要配置Quagga，我给它一个html div的ID，并在div中插入一个<video>元素。
如果用户未授予对摄像机的访问权限，则仍显示视频元素。我添加了repeating-linear-gradient作为背景，看起来很棒。
如果用户确实授予了对摄像机的访问权限，则实时流将显示在video元素中。当Quagga停止时，它将继续显示视频流的最后一帧。我如何获得它来显示背景呢？如果可能的话，我宁愿使用CSS background属性，而不是html poster属性。
两种状态的html非常相似。
无法使用相机（因此背景显示）：
<video autoplay="true" preload="auto" src=""></video>
可以使用摄像头（因此最后一个视频帧会停止显示）：
<video autoplay="true" preload="auto" src="" muted="true" playsinline="true"></video>
在授予访问权限的情况下，视频停止后html不会更改。