Welcome to the KICK Streaming Player embedding guide. With our simple embedding system, you can add your livestream to your website using an iframe, allowing your Viewers to watch your stream directly from your site.
This guide walks you through the steps to embed the KICK player on your website.
Basic Embedding
To embed the KICK player, insert the following iframe code into your website’s HTML:
<iframe
src="https://player.kick.com/YOUR_USERNAME"
height="720"
width="1280"
frameborder="0"
scrolling="no"
allowfullscreen="true">
</iframe>
💡 Replace YOUR_USERNAME with your actual KICK username.
Customising the Player
KICK’s streaming player offers several options you can use to customise the player to your preference. These options are added to the player URL in the iframe as query parameters.
Autoplay
To make the player start automatically, set the autoplay parameter to true. To disable autoplay, set autoplay to false. The default value is false.
<iframe
src="https://player.kick.com/YOUR_USERNAME?autoplay=true"
height="720"
width="1280"
frameborder="0"
scrolling="no"
allowfullscreen="true">
</iframe>
Mute
To mute the player, set the muted parameter to true. To allow sound, set muted to false. The default value is false.
<iframe
src="https://player.kick.com/YOUR_USERNAME?muted=true"
height="720"
width="1280"
frameborder="0"
scrolling="no"
allowfullscreen="true">
</iframe>
Allow fullscreen
The fullscreen option is enabled by default on all streams. This means Viewers can switch the stream to fullscreen mode. To disable this option, set the allowfullscreen parameter to false in the URL and remove allowfullscreen="true" from the iframe.
<iframe
src="https://player.kick.com/YOUR_USERNAME?allowfullscreen=false"
height="720"
width="1280"
frameborder="0"
scrolling="no">
</iframe>
Using Multiple Parameters
You can combine multiple parameters. When using multiple parameters, separate them with the & symbol.
For example, to embed a player that is muted and does not allow fullscreen, use the following code:
<iframe
src="https://player.kick.com/YOUR_USERNAME?muted=true&allowfullscreen=false"
height="720"
width="1280"
frameborder="0"
scrolling="no">
</iframe>
Conclusion
With these steps, you can embed the KICK Streaming Player into your website and customise it to your preference. This makes it easier for your Viewers to access and watch your livestream directly from your website.
If you have any questions or need further assistance, please contact our support team.
Happy streaming!