This is a paid feature. Find out more about our pricing plans here. 🚀
The Website Video Player allows you to stream directly on your website and reach your viewers and clients at the best place - your home page.
How to set up the website player
First, access your player.
From Studio, click the gear ⚙️ icon and select "<> Embed Stream".
From an RTMP stream, click "<> Embed".
From the home screen, click the "<>" icon on your stream card.
Adjust your settings (optional).
Choose between a code for this setup or one for all your streams.
Choose a responsive or fixed size for your player and adjust it if needed.
Optionally display a viewer counter on your website.
You can also have a thumbnail image to show before your stream starts.
If you get a code for "all live streams," you can upload an image.
If you get a code for "this setup," we'll automatically use the thumbnail of your selected setup.
Copy the Embed code.
Paste it into the HTML of the website page where you want the stream to appear.
Once the code is embedded, the website preview will show an "Offline" message.
When you start streaming, the video will appear on your website.
Requirements
This feature is available on specific paid plans. You can read more here.
The website player works with any website that allows HTML, including popular platforms like WordPress, Wix, Squarespace, and Shopify.
The website player has 20-30 seconds of latency.
Chat is not yet supported for the website player.
The maximum stream duration using the player is 14 days.
The recommended size for thumbnails is 1280x720.
The recommended stream settings for the website player are:
Bitrate: maximum of 12,000 kbps
Keyframe interval: no less than 2 seconds
FPS: 30
FAQ
What's the difference between the two codes I can choose from?
What's the difference between the two codes I can choose from?
One static code for all live streams: Set it once on your website, and it will always broadcast whatever you stream under your Restream account.
A unique code for this setup: Connected to a specific stream setup and only broadcasts streams made under that setup.
Where on my website do I add the code?
Where on my website do I add the code?
Where you add the code on your website depends on where you want it to appear and how your website is built. Your website builder or administrator can help with this customization, as each provider is different.
What will display on the embed when I'm not live?
What will display on the embed when I'm not live?
The embed player will show an "Offline" message until you go live.
To display a thumbnail underneath:
For "one code for all streams," upload the thumbnail in your embed settings.
For "get a code for my event," we'll use the Restream Event's thumbnail. For scheduled events, the player will also show the expected start time.
Does the viewer counter only display how many are watching on the website?
Does the viewer counter only display how many are watching on the website?
Yes, the viewer counter only shows the number of concurrent viewers on your website player. It doesn't include viewers from other channels you may be streaming to simultaneously, like Facebook or YouTube.
Can I embed my player in multiple websites?
Can I embed my player in multiple websites?
Yes, you can embed your player on multiple websites. Keep in mind that the viewer limit is counted as one across all sites where the player is embedded.
Are there analytics for the embed player?
Are there analytics for the embed player?
The website player doesn't support Analytics currently. However, you can enable the viewer counter setting to display while the player is live.
Can I stream to just my website and no additional platforms?
Can I stream to just my website and no additional platforms?
Yes, Restream offers multistreaming tools to broadcast to multiple destinations simultaneously. However, you can also choose to stream exclusively to your website and not enable any additional channels.
Can viewers rewind the live stream on the player?
Can viewers rewind the live stream on the player?
Viewers can pause and play the stream, but they cannot rewind.
Does the player default to a specific resolution when watching?
Does the player default to a specific resolution when watching?
The player defaults to the highest available quality for the stream. If needed, you can manually change the resolution by clicking the quality setting in the bottom right corner of the player.
Is it possible to unmute the video player by default?
Is it possible to unmute the video player by default?
Currently, the player doesn't unmute by default. However, you can easily unmute it by clicking on the audio icon.
💡 Showcase and sell your website's products with our Live Sales tool