---
title: "Use the JavaScript API"
slug: "use-the-javascript-api"
updated: 2024-01-18T15:01:38Z
published: 2024-01-18T15:01:38Z
canonical: "help.movingimage.com/use-the-javascript-api"
---
> ## Documentation Index
> Fetch the complete documentation index at: https://help.movingimage.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Use the JavaScript API
### **JavaScript API**
The JavaScript API is accessed by initializing a `VideoPlayer.Collection` object. There are two functions to do this, both taking the ID of the HTML element containing your Player as an argument:
- To add the Player dynamically:
```plainText
VideoPlayer.Collection.addPlayerById("player_container");
```
- To access an existing Player:
```plainText
var player = VideoPlayer.Collection.getPlayerById("player_container");
```
**Note:** You must wait for the Player to load before you can connect to it. If lazy loading is enabled, the Player will not load until a user clicks play.
#### **Remove a Player**
You can also remove a Player dynamically with the `VideoPlayer.Collection` object by calling this function:
```plainText
VideoPlayer.Collection.removePlayerById("player_container");
```
#### **Enable or disable analytics**
To enable or disable analytics, use the following functions:
- Enable analytics:
```plainText
VideoPlayer.Collection.acceptAnalytics();
```
- Disable analytics:
```plainText
VideoPlayer.Collection.rejectAnalytics();
```
#### **HTML example**
A consent banner can look like this in HTML:
HTML
```plainText
Your website
```
#### **Script example**
The following example shows you how to enable or disable analytics in the script:
JavaScript
```plainText
// main.js
document.getElementById("accept-button").addEventListener("click", function () {
VideoPlayer.Collection.acceptAnalytics();
});
document.getElementById("reject-button").addEventListener("click", function () {
VideoPlayer.Collection.rejectAnalytics();
});
```
#### **iframe example**
If the video player is within an iframe, the parent domain calls the `postMessage()` API to set consent.
If your video is embedded within an iframe, your HTML code would look like this:
HTML
```plainText
Your website
```
In turn, the script for an embedded video within an iframe could look like this:
JavaScript
```plainText
// main.js
document.getElementById('accept-button').addEventListener('click', function(){
var iframeWindow = document.getElementById("player_iframe").contentWindow;
iframeWindow.postMessage('CONSENT_GIVEN', '*');
});
document.getElementById('reject-button').addEventListener('click', function(){
var iframeWindow = document.getElementById("player_iframe").contentWindow;
iframeWindow.postMessage('CONSENT_DECLINED', '*');
});
```
> **Note:** If multiple videos are embedded into the page with iframe codes, you will need to send the `CONSENT_GIVEN` post message to all the relevant iframes in the current page. The same is valid for giving and declining consent with the `Consent Dialog`, all the dialogs will need to be `Accepted` / `Declined` individually.