# Apply Green Screen to Videos

### Create a Demo Experience

Let's take a look at how you can add a green screen effect to a video using the GMetri Virtual Reality Platform.

1. Add a video element into your scene. Select a video from the file browser with the green background applied to it.

![Green Screen Effects on VR with GMetri XR](https://r.vrgmetri.com/image/w_900,h_450,q_85/gb-blog/gmetri/2020/04/shot11.png.jpg)

1. Now click the Green Screen Icon to apply the filter and select the background color using the integrated color picker.

![Chroma Key Green Screen Backgrounds](https://r.vrgmetri.com/image/w_900,h_450,q_80/gb-blog/gmetri/2019/12/shot12-select-1.png.jpg)

1. Open up the preview and see the magic!

![How to do Green Screen for Videos on GMetri XR](https://s.vrgmetri.com/gb-web/real-ghost/2019/12/green-screen-virtual-reality-background.gif)

Here's an example using blue background instead of a green background:

![Blue Background instead of Green screen effect](https://r.vrgmetri.com/image/w_900,h_450,q_80/gb-blog/gmetri/2019/12/shot21.png.jpg)

### Test

* That's it! It now time to test the application. You can do that by clicking the green `Play` button in Right bar.
* A QR Code shall appear. Scan this from your phone to preview your green screen experience or just open the link in a new tab. The changes you make in the editor will be available in the preview as soon as you make them after refreshing the page!

### Deploy

* For other to view this app, you must deploy it. To do this head over to the Publish section to know more.

#### Green Screen Effect

{% embed url="<https://view.gmetri.com/v5/gmetri/green-screen>" %}
