Javascript AR.js自定义标记不适用于视频

嘿，所以我尝试使用AR.js在自定义标记上显示视频。但新的标记器不起作用，我不知道为什么。在使用hiro marker之前，它工作得非常好

这是我的密码：

导入库：

<script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
<script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.5.0/aframe/build/aframe-ar.js"></script>
<script src="//cdn.rawgit.com/donmccurdy/aframe-extras/v3.8.4/dist/aframe-extras.min.js"></script>
<script src="https://rawgit.com/mayognaise/aframe-gif-shader/master/dist/aframe-gif-shader.min.js"></script>
<meta name="apple-mobile-web-app-capable" content="yes">

AR.js：

<a-scene embedded artoolkit='sourceType: webcam; detectionMode: mono; maxDetectionRate: 30; canvasWidth: 240; canvasHeight: 180' >
<a-assets>
  <video id="vid" src="small.mp4" loop="true" webkit-playsinline playsinline controls autoplay>
</a-assets>

<a-marker type='pattern' url='pattern-howtoo.patt' vidhandler>
  <a-video position='0 0 0' rotation="90 180 0" play-on-window-click play="true" material='transparent:true;opacity: 0.7;src:#vid'></a-video>
  
</a-marker>

<a-camera-static></a-camera-static>

任何帮助都会很好！！谢谢：）
问题可能出在您的马克笔上，请尝试更改颜色，增加对比度。图案标记很好，但如果你使用很浅的颜色，它将很难跟踪。尝试使用白色和黑色的相同形状。
<a-scene embedded artoolkit='sourceType: webcam; detectionMode: mono; maxDetectionRate: 30; canvasWidth: 240; canvasHeight: 180' >
<a-assets>
  <video id="vid" src="small.mp4" loop="true" webkit-playsinline playsinline controls autoplay>
</a-assets>

<a-marker type='pattern' url='pattern-howtoo.patt' vidhandler>
  <a-video position='0 0 0' rotation="90 180 0" play-on-window-click play="true" material='transparent:true;opacity: 0.7;src:#vid'></a-video>
  
</a-marker>

<a-camera-static></a-camera-static>