Embed a Camera's Live Stream on a Website
Learn how to embed a live stream of a camera on your website
Verkada cameras allow you to embed a live stream of a camera on your website. The embed is an inline frame (iframe) code snippet that is compatible with any webpage.
Once an embed is created, access can be revoked at any time.
Create an embed link
In Verkada Command, go to All Products > Cameras.
Navigate to the camera feed you want to embed on your website.
At the right side of the frame, click Share.
Click More options and select Embed Code.
Enter the domain(s) where you want to authorize video to play.
Click Add Domain > Embed Link to generate the embed code (automatically added to clipboard).
Wildcards are accepted (for example, *.yourdomain.com). If your domain is yourdomain.com, you don’t need the preceding wildcard and can simply use yourdomain.com. However, if your domain is yoursubdomain.yourdomain.com, you can use the wildcard to specify the subdomain.
Manage existing embed links
In Verkada Command, go to All Products > Admin.
Under Org Settings, select Manage Shared Links.
Select the Embedded tab.
Select a domain and click the Copy Embed icon to copy the embed code or click Revoke Embed to revoke the embed access.
Resize Embedded Video Streams
Embedded camera feeds can be resized on your webpage by adjusting the width, height, and widescreen attributes.
When you resize an embed, be sure to keep the width and height ratios the same, as shown below.
Show the embed in widescreen
To make the embed appear in widescreen, use the ?widescreen=1 parameter in the URL, as shown:
The embed on the left is standard, whereas the embed on the right has the widescreen=1 query parameter:
When a user loads a webpage that contains a Verkada-embedded live stream, the page loads the URL of the embed in an iframe.
The inline frame (iframe) appears as a black screen if the referring website doesn’t match the domain name specified when the embed was created.
Resolve embeds that don’t load
Find the referring website so you can specify a matching domain name when creating the embed.
Place the new embed on your website.
Find the referring website
On the webpage where you placed the embed, right-click your browser and select Inspect. This will be a black screen because the embed will not load.
At the top, click Network.
In the search/filter bar, type embed (filter for embed-related requests).
Click the request with the alphanumeric ID, which should have a similar format to the example shown below.
Under the Request Headers section, find the Referrer URL. This is the URL/domain you need to put into Verkada Command. (You only need up until the top-level domain, such as .com. In the example, the referring domain is verkadasupport.com.)
If you don’t immediately see the embed.html, click Refresh to reload the page.
Re-create the embed using the correct domain name
In Verkada Command, go to All Products > Cameras.
Select the camera and click Share.
Select More options > click Embed Code and enter in your referrer domain.
Click Embed Link.
Place new embed on your website
Copy the new embed link you just created in the previous procedure.
Go to your site’s Admin portal.
Paste the HTML embed iframe where you want the embed to live on your site.
Save and open the site and ensure it works.
Last updated
Was this helpful?