Why embed a live stream?
Embedding a live camera stream lets visitors watch directly on your website without leaving the page. It's used by construction companies sharing progress with clients, tourism businesses showcasing destinations, schools broadcasting events, and retailers displaying store activity. PanoraCast generates a ready-to-use embed code for every camera.
Step 1: Get your embed code
In your PanoraCast dashboard, navigate to the camera you want to embed. Click the 'Embed' tab to see your iframe code. It looks like this: <iframe src="https://player.panoracast.com/embed/YOUR_TOKEN" width="100%" height="100%" frameborder="0" allowfullscreen></iframe>. Copy the entire snippet.
Step 2: Paste it into your website
Add the iframe to any HTML page, WordPress block, Squarespace code embed, Wix HTML widget, or CMS that supports custom HTML. The player will load automatically and start playing the live stream when the page opens.
- WordPress: use a Custom HTML block in the editor
- Squarespace: add a Code Block in the page editor
- Wix: use the Embed HTML element
- Webflow: use an Embed component
- Static HTML: paste directly into your template
Step 3: Make it responsive
Wrap the iframe in a responsive container so it scales on mobile devices. Use a 16:9 aspect ratio wrapper with CSS. PanoraCast's player is fully responsive — it adapts to any container size automatically. Set width="100%" and use the aspect-ratio CSS property or a padding-bottom hack for older browsers.
Customization options
PanoraCast's embed player supports several customization options you can configure from the dashboard, no code changes needed.
- Themes: light, dark, or transparent player chrome
- Logo overlay: upload your brand logo to appear on the stream
- Autoplay: stream starts automatically when the page loads (muted, per browser policy)
- Controls: show or hide the player control bar
- Poster image: custom thumbnail shown before the stream loads
Test before going live
Use PanoraCast's built-in stream tester at /test to verify your camera is streaming correctly before embedding it on a client-facing page. You can also preview exactly how the embed looks by clicking 'Preview' in the embed settings.
Browser autoplay policies
Modern browsers block autoplay with audio by default. PanoraCast's player handles this automatically by starting muted. If you need audio, viewers will need to click the unmute button. This is a browser-level restriction, not a PanoraCast limitation.