How to embed a live camera on your website

The embed code

Open the camera in the dashboard and copy its embed code. It looks like this — PUBLIC_ID is the camera's public identifier and reveals neither the camera's IP nor its password:

<iframe src="https://live.videocamera.ge/embed/PUBLIC_ID"
  style="width:100%;aspect-ratio:16/9;border:0"
  title="Live camera"
  allow="autoplay;fullscreen;picture-in-picture" allowfullscreen></iframe>

Paste it into your page's HTML where the video should appear. Change title to describe the camera (for example "Batumi Boulevard, live") so screen readers and search engines know what is in the frame.

Size on any screen

width:100% stretches the player to the full width of its block, and aspect-ratio:16/9 works out the height on its own — on phones and desktops alike. For a 4:3 camera, use aspect-ratio:4/3. Some older builders strip aspect-ratio; in that case use the classic wrapper (56.25% = 9 ÷ 16; use 75% for 4:3):

<div style="position:relative;width:100%;padding-top:56.25%">
  <iframe src="https://live.videocamera.ge/embed/PUBLIC_ID"
    style="position:absolute;top:0;left:0;width:100%;height:100%;border:0"
    title="Live camera" loading="lazy"
    allow="autoplay;fullscreen;picture-in-picture" allowfullscreen></iframe>
</div>

loading="lazy" tells the browser to load the player only when the visitor scrolls near it — useful when one page has several cameras.

Autoplay and muted start

Every modern browser (Chrome, Safari, Firefox, Edge) autoplays video only when it is muted. So our player starts muted: the visitor opens the page and sees the live picture straight away. A few rules:

• Don't remove allow="autoplay;fullscreen;picture-in-picture" from the code — without it, autoplay and fullscreen inside the frame can be blocked.
• On iPhone, Low Power Mode or data saving sometimes stops autoplay. The visitor then sees a Play button and starts the video with one tap.
• Turning autoplay off, hiding branding and adding an ad link to the camera name are in the dashboard's embed settings.

Website builders

• Tilda: add block T123 ("HTML code", in the "Other" category), paste the code and publish. The video may not show in the editor preview — check the published page.
• Wix: Add Elements → Embed Code → Embed HTML. Choose "Website address" and paste the camera's direct link, or "Code" and paste the snippet. Wix doesn't resize the element by itself — drag the frame to 16:9 by hand.
• WordPress: the easiest way is our WordPress plugin with a shortcode. Without it, use a "Custom HTML" block. Note that WordPress strips iframes for users without the unfiltered_html capability (on multisite, for example) — the shortcode doesn't have that problem.
• Joomla: the default TinyMCE editor usually removes iframes. Either remove iframe from Prohibited Elements in System → Plugins → Editor - TinyMCE, or create a Custom module and paste the code with the editor toggled off (Toggle Editor).

Direct link

No website, or want to share the live view on social media, in a messenger or by QR code? Copy the camera's direct link from the dashboard. It opens the same player on its own page. Keep in mind that the link works like a key: if it reaches the wrong people, revoke or rotate it in the dashboard and the old one stops working at once.

Only on your site: allowed domains

Anyone can copy your code and paste it onto their own site. To prevent that, list your allowed domains in the camera settings — browsers will then refuse to show the player on any other site (enforced with the frame-ancestors header). Enter full addresses with https://, and both variants if your site opens on both:

https://example.ge
https://www.example.ge

On website builders, also add the domain your site actually opens on (for example a Tilda or Wix subdomain, if you haven't connected your own domain yet). Restricting who can watch — by password, email verification or viewing hours — is covered in Protecting your stream.