when working on <a-video>, it became invisible.

[ShengShangShung]

Greeting, I am quite new in this HTML and AFrame, with ZAPPAR Universal SDK. If I make any mistakes, please forgive me.

The problem I facing now is when I try to use this material, the video will be invisible completely. (on desktop, and on mobile)

Here are my snippet, if inform me if I am wrong or need more information.

<a-asset-item` id="target-file" `src="example-tracking-image.zpt"/>

<video id="Green_Screen" loop="false" src="Green_Screen.mp4"></video>
</a-assets>

<a-entity zappar-image="target: #target-file" id="image-group">

<a-video src="#Green_Screen" width="4" height="2.25" position="0 0 0.1" scale= "0.8 0.8 1" material="shader: chromakey; src: #Green_Screen; color: 0 0 0" webkit-playsinline playsinline></a-video>
</a-entity>

Please forgive me if I do it wrong.