Insert your Betslip inside the iframe:

To insert your Betslip element into the iframe, first, obtain a reference to the video player container within the iframe. Using this reference, you can append elements as needed. Make sure to set the z-index of your element higher than that of the video widget to ensure it appears on top.

• You have to get a reference using the elementId "video-player-container"

Using server-side proxy approach

Example:

const iframeWindow = document.getElementById('video-iframe').contentWindow.document
const container = iframeWindow.getElementById('video-player-container')
container.appendChild(element)

Example of a full integration:

You can also find an example of the source code in our github repository github repository (opens in a new tab)

Using events approach (event listener)

If you need to add your own content on top of the video player we have added an approach to use an event listener that will allow you to implement its features when in full screen.

Betslip Iframe Fullscreen Integration

Example of a fullscreen integration

You can also find an example of the source code in our github repository

iframe fullscreen override (opens in a new tab)