Embed a live camera on a WordPress website

Verify a public RTSP/RTSPS stream in the browser and then place the prepared iframe on a WordPress page, post, or landing page.

This is the fast path when you need a live camera on a company website without building your own player or relying on a vendor viewer.

What to prepare before a WordPress embed

  • A publicly reachable RTSP or RTSPS stream that can be verified in the browser.
  • A WordPress page, post, or block where custom HTML / iframe embed is allowed.
  • A clear public-facing page where the live image should appear.
把摄像头放到网站上 确认适配性与限制

What this changes for a WordPress team

Less extra build work

You do not open a custom player project just to place one public live view on a website.

Faster website handoff

Once the stream is validated, the next step is a clear iframe action for the editor, page builder, or HTML block.

Lower rollout risk

Playback is confirmed first, so the CMS placement and visitor-facing launch happen on top of a real browser result.

Where this usually fits in a WordPress rollout

  • when you already have a page, post, or landing page and need one clear live-camera block on it
  • when you want browser playback confirmed first and only then move to Gutenberg, custom HTML, or a page-builder block
  • when you do not want a custom player project just to place one public live view on a website

What usually blocks the WordPress rollout

  • the stream is not publicly reachable yet, so the real blocker is RTSP availability rather than WordPress itself
  • the team is trying to solve embed before there is a verified browser-ready output
  • the use case actually needs recording, access control, or a different delivery model than a public iframe embed

What a clean handoff to the web team looks like

  • validated player output first, iframe snippet second, CMS placement third
  • a named owner for stream availability, RTSP URL changes, and camera-side adjustments
  • a clear decision on which public URL will show the camera and in what context

Common questions before you embed a live camera

Before you think about blocks, CMS fields, or iframe wrappers, verify that you have a publicly reachable RTSP/RTSPS stream and working browser playback.

RTSP 地址是您的摄像机用于通过互联网传输视频的 URL。您可以在摄像机说明书、摄像机设置或制造商网站上找到它。

常见格式：

rtsp://用户名:密码@IP地址:554/视频路径

不确定？请搜索您的摄像机型号并添加关键词 RTSP URL，或联系制造商。

这通常是由于地址错误、摄像机无法访问或连接被阻止造成的。

  • 确保摄像机已开启，并在设置中启用了 RTSP。
  • 要从互联网访问，流必须是公开可访问的（私有 IP，如 192.168.x.x，无法从外部访问）。
  • 如果摄像机位于路由器之后，请设置端口转发（通常为端口 554）。
  • 检查防火墙或您的互联网服务提供商是否阻止了连接。

您需要在路由器上配置端口转发（通常是端口 554），指向摄像机的内部 IP 地址。

  • 您可以在网上找到针对特定路由器的教程。
  • 请使用强密码，并禁用摄像机上不必要的服务。

支持，如果摄像机提供音频信号。我们会尝试播放音频（通常使用 AAC 编码）。某些浏览器可能会阻止自动播放带声音的视频——如有需要，请手动启用。