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.
Insertar la cámara en tu web Comprobar encaje y límites

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.

La dirección RTSP es la URL que utiliza tu cámara para compartir vídeo a través de Internet. Puedes encontrarla en el manual de usuario, en la configuración de la cámara o en el sitio web del fabricante.

Formato típico:

rtsp://usuario:contraseña@dirección-IP:554/ruta_al_stream

¿No estás seguro? Busca tu modelo de cámara junto con la frase RTSP URL o contacta con el fabricante.

Normalmente se debe a una dirección incorrecta, una cámara inaccesible o una conexión bloqueada.

  • Asegúrate de que la cámara esté encendida y que RTSP esté habilitado en la configuración.
  • Para acceder desde Internet, la transmisión debe ser pública (las IP privadas como 192.168.x.x no funcionan desde fuera).
  • Si la cámara está detrás de un router, configura el reenvío de puertos (normalmente el puerto 554).
  • Comprueba que la conexión no esté bloqueada por un cortafuegos o tu proveedor de Internet.

Debes configurar el reenvío de puertos en tu router (normalmente el puerto 554) hacia la dirección IP interna de la cámara.

  • Puedes encontrar guías específicas para tu router en Internet.
  • Usa contraseñas seguras y desactiva los servicios innecesarios en la cámara.

Sí, si la cámara transmite audio. Intentamos reproducir el sonido (normalmente con el códec AAC). Algunos navegadores bloquean la reproducción automática con sonido; actívala manualmente si es necesario.