Playing video with chromakeys

Greeting,
I’m been trying to use A-Frame and Universal SDK to have Image Tracking.
But currently I’m facing a problem that I can’t make my video be transparent (On the chromakeys).

I have imported this plugins on my HTML.
aframe-chromakey-material - npm (npmjs.com)

But either it won’t work or failed to load my webpage.

Here are my codes:-

<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: #video; color: 0 0 1” webkit-playsinline playsinline></a-video>

Did I did it right?

Try this: 
<a-assets>
<video
  id="alpha-video"
  muted
  autoplay
  playsinline
  crossorigin="anonymous"
  loop="true"
  src="./assets/vid.mp4">
</video>
  </a-assets>
  <a-entity
video: #alpha-video;"
material="shader: chromakey; src: #alpha-video; color: 0.1 0.9 0.2"
geometry="primitive: plane; height: 0.6; width: 1.38;">
  </a-entity>

I want to use blueback in chromakey, what are the values to specify?