Bunny Stream: Cómo Alojar y Distribuir Videos Sin Vimeo ni YouTube

Si estás alojando contenido de video en tu sitio web, ya sean cursos, tutoriales, demos de productos o material de marketing, probablemente hayas considerado YouTube y Vimeo como tus dos opciones principales. YouTube es gratis pero llena tu contenido de anuncios y no te permite controlar quién mira. Vimeo te da control pero cobra un precio premium por ello, especialmente cuando tu biblioteca crece.

Me encontré con exactamente este problema con BitBuddies, donde alojo cursos gratuitos sobre temas como la configuración de Dokploy y CloudPanel. Necesitaba una plataforma de video que me permitiera incrustar videos limpios, sin anuncios, en mis páginas de cursos sin pagar las suscripciones de Vimeo. Bunny Stream resultó ser la respuesta, y desde entonces todos mis videos de cursos pasan por ahí.

Esta guía cubre la configuración completa: crear una biblioteca, subir videos, incrustar el reproductor, personalizarlo y asegurar todo con funciones de seguridad. También cubriré la API por si quieres automatizar las subidas.

Si quieres una visión más amplia de la plataforma Bunny.net más allá del video, echa un vistazo a mi reseña de Bunny.net donde cubro CDN, almacenamiento, DNS y todos los demás servicios.

¿Por qué no usar simplemente YouTube?

YouTube es gratis y la opción obvia para videos públicos. Pero viene con inconvenientes que importan si estás incrustando videos en tu propio sitio:

• Anuncios en tu contenido: A menos que los espectadores paguen YouTube Premium, ven anuncios antes o durante tus videos. En una página de curso, eso significa que tus alumnos ven un anuncio de algo irrelevante antes de cada lección.
• Las recomendaciones se llevan a los espectadores: Las sugerencias del panel lateral y la pantalla final de YouTube intentan activamente enviar a tus espectadores a otro lado. Estás compitiendo con videos de gatos por la atención.
• Sin control de acceso real: Puedes hacer los videos ocultos, pero cualquiera con el enlace puede compartirlo. No hay token de autenticación ni DRM.
• YouTube controla la relación: Tus espectadores son usuarios de YouTube primero, tuyos después. Las analíticas son limitadas y no puedes personalizar el reproductor para que coincida con tu marca.
• Fuga de SEO: Los videos incrustados de YouTube envían autoridad a youtube.com, no a tu dominio.

YouTube tiene sentido para contenido público de marketing donde quieres máximo alcance. Pero para contenido de cursos, sitios de membresía o cualquier cosa donde quieras controlar la experiencia, se queda corto.

¿Por qué no Vimeo?

Vimeo soluciona los problemas de anuncios y branding, pero los precios es donde duele:

Esos precios son por usuario, facturados anualmente. Y cuando llegas al límite de ancho de banda, o mejoras tu plan o tus videos dejan de cargar. Para una plataforma de cursos con una biblioteca creciente, los costos escalan de una forma que no tiene mucho sentido.

Lo que Bunny Stream te ofrece en su lugar

Bunny Stream es pago por uso. Sin suscripciones mensuales escalonadas, sin límites por video, sin topes de ancho de banda. Pagas por almacenamiento y distribución, nada más.

Esto es lo que incluye sin costo adicional:

Para lo que tengo en BitBuddies, mi factura mensual de Bunny Stream se mantiene por debajo de $5. Eso es por todos los videos de cursos almacenados y distribuidos. En Vimeo, la misma configuración me costaría $33/mes como mínimo, probablemente más.

Configuración de Bunny Stream paso a paso

Aquí tienes el recorrido completo desde cero hasta videos incrustados en tu sitio.

1. Crear una cuenta en Bunny.net

Ve a bunny.net y regístrate. No necesitas tarjeta de crédito para la prueba de 14 días. Llegarás al panel de control después de confirmar tu email.

2. Crear una biblioteca de videos

En el panel de Bunny, ve a Stream en el menú lateral izquierdo y haz clic en Add Video Library.

Tendrás que elegir:

• Nombre de la biblioteca: Algo descriptivo. Yo uso “bitbuddies-courses” para mi contenido de cursos.
• Región de almacenamiento principal: Elige la más cercana a donde están la mayoría de tus espectadores. Para una audiencia global, Frankfurt o Nueva York son buenas opciones predeterminadas.
• Regiones de replicación (opcional): Añade más regiones si quieres una entrega más rápida a nivel mundial. Cada región adicional añade $0.005/GB a los costos de almacenamiento, pero la entrega se vuelve más rápida para los espectadores en esas zonas.

Dale a crear y tu biblioteca estará lista.

3. Subir tus videos

Tienes tres opciones para meter videos en Bunny Stream:

# Paso 1: Crear un objeto de video
curl -X POST "https://video.bunnycdn.com/library/{libraryId}/videos" \
  -H "AccessKey: {your-api-key}" \
  -H "Content-Type: application/json" \
  -d '{"title": "Lesson 1 - Getting Started"}'

# Paso 2: Subir el archivo de video mediante PUT
curl -X PUT "https://video.bunnycdn.com/library/{libraryId}/videos/{videoId}" \
  -H "AccessKey: {your-api-key}" \
  -H "Content-Type: application/octet-stream" \
  --data-binary @lesson-1.mp4

curl -X POST "https://video.bunnycdn.com/library/{libraryId}/videos/fetch" \
  -H "AccessKey: {your-api-key}" \
  -H "Content-Type: application/json" \
  -d '{"url": "https://example.com/video.mp4", "title": "Lesson 1"}'

Después de la subida, Bunny transcodifica automáticamente cada video en múltiples resoluciones. Puedes ver el progreso en el panel. El tiempo de transcoding depende de la duración y resolución del video, pero un video de 10 minutos en 1080p suele terminar en un par de minutos.

4. Incrustar videos en tu sitio

Una vez que un video está transcodificado, haz clic en él en el panel y encontrarás el código embed. Se ve así:

<iframe
  src="https://iframe.mediadelivery.net/embed/{libraryId}/{videoId}"
  loading="lazy"
  style="border:none;position:absolute;top:0;height:100%;width:100%;"
  allow="accelerometer;gyroscope;autoplay;encrypted-media;picture-in-picture;"
  allowfullscreen="true"
></iframe>

Envuélvelo en un contenedor responsive para el tamaño correcto:

<div style="position:relative;padding-top:56.25%;">
  <iframe
    src="https://iframe.mediadelivery.net/embed/{libraryId}/{videoId}"
    loading="lazy"
    style="border:none;position:absolute;top:0;height:100%;width:100%;"
    allow="accelerometer;gyroscope;autoplay;encrypted-media;picture-in-picture;"
    allowfullscreen="true"
  ></iframe>
</div>

El padding-top: 56.25% te da una proporción de aspecto 16:9. Ajústalo para otras proporciones si es necesario.

En BitBuddies, cada página de lección del curso tiene uno de estos embeds. El reproductor carga rápido, no hay anuncios y los estudiantes pueden elegir su nivel de calidad. Esa es exactamente la experiencia que quería.

5. Personalizar el reproductor

Ve a los ajustes de tu biblioteca de videos para configurar la apariencia del reproductor:

• Color del reproductor: Que coincida con tu marca. Yo uso el color de acento de BitBuddies para que el reproductor se sienta nativo del sitio.
• Controles: Muestra u oculta botones específicos (control de velocidad, selector de calidad, PiP, pantalla completa).
• Subtítulos: Sube archivos SRT/VTT para subtítulos. Compatible con varios idiomas.
• Miniatura: Bunny genera una automáticamente, o puedes subir la tuya.
• Marca de agua: Superpón tu logo en el video. Posición, tamaño y opacidad son ajustables.
• Velocidad de reproducción: Activa los controles de velocidad para que los espectadores puedan ver a 1.5x o 2x (los estudiantes de cursos adoran esto).

También puedes prescindir del reproductor integrado y usar la URL del manifiesto HLS con tu propio reproductor (Video.js, Plyr, o el que prefieras). La URL HLS está disponible en los ajustes de cada video.

6. Configurar la seguridad

Aquí es donde Bunny Stream marca la diferencia frente a YouTube para contenido de cursos.

const crypto = require('crypto');

function signBunnyUrl(libraryId, videoId, tokenKey, expirationTime) {
  const expires = Math.floor(Date.now() / 1000) + expirationTime;
  const hashableBase = tokenKey + videoId + expires;
  const token = crypto
    .createHash('sha256')
    .update(hashableBase)
    .digest('hex');
  return `https://iframe.mediadelivery.net/embed/${libraryId}/${videoId}?token=${token}&expires=${expires}`;
}

Trabajar con la API

Si estás construyendo una plataforma de cursos o cualquier aplicación que gestione video de forma programática, la API de Bunny Stream cubre todo lo que necesitas.

Operaciones comunes de la API

# Listar todos los videos en una biblioteca
curl "https://video.bunnycdn.com/library/{libraryId}/videos?page=1&itemsPerPage=100" \
  -H "AccessKey: {your-api-key}"

# Obtener detalles de un video (incluyendo estado de transcoding)
curl "https://video.bunnycdn.com/library/{libraryId}/videos/{videoId}" \
  -H "AccessKey: {your-api-key}"

# Actualizar metadatos del video
curl -X POST "https://video.bunnycdn.com/library/{libraryId}/videos/{videoId}" \
  -H "AccessKey: {your-api-key}" \
  -H "Content-Type: application/json" \
  -d '{"title": "Updated Title", "chapters": [{"title": "Intro", "start": 0, "end": 60}]}'

# Eliminar un video
curl -X DELETE "https://video.bunnycdn.com/library/{libraryId}/videos/{videoId}" \
  -H "AccessKey: {your-api-key}"

Webhooks

Configura URLs de webhook en los ajustes de tu biblioteca para recibir notificaciones cuando:

• Un video termina de transcodificarse (video_encoded)
• Se genera un subtítulo para un video (caption_generated)

Esto es útil si quieres publicar automáticamente una lección de curso una vez que su video esté listo, o enviar una notificación a los estudiantes.

Cuánto cuesta realmente

Esta es la parte que me convenció. Los precios de Bunny Stream se dividen en dos componentes:

Ejemplos de costos reales

Mi configuración en BitBuddies

Así es como realmente uso Bunny Stream para BitBuddies en la práctica:

Tengo una biblioteca de videos llamada “bitbuddies-courses” con Frankfurt como región de almacenamiento principal y un segundo punto de replicación en Nueva York. La mayoría de mis estudiantes están en Europa y Norteamérica, así que esto cubre la gran mayoría de espectadores con baja latencia.

Cada curso (como los cursos de Configuración de Dokploy y Configuración de CloudPanel) tiene su propia colección dentro de la biblioteca. Cuando grabo una nueva lección, la subo a través del panel, espero unos minutos a que se transcodifique y pego el código embed en la página del curso.

He activado el token de autenticación para que las URLs de los videos expiren después de unas horas. Los cursos son gratuitos, así que no intento bloquear todo agresivamente, pero evita que la gente haga hotlink a los videos en otro sitio y me suba la factura del ancho de banda.

El reproductor lleva los colores de la marca BitBuddies, y tengo los controles de velocidad de reproducción activados porque los estudiantes que ven tutoriales de configuración suelen querer saltar las partes que ya conocen.

Costo mensual total de todo esto: unos $2. Me gasto más en café en un día.

Cuándo deberías seguir usando YouTube o Vimeo

Bunny Stream no es la opción correcta para cada situación. Sé honesto con tu caso de uso:

Quédate con YouTube cuando:

• Quieras máxima visibilidad orgánica (búsqueda, recomendaciones, algoritmo)
• Tu contenido sea público y te beneficies de la audiencia integrada de YouTube
• No te importen los anuncios en tus videos
• Necesites alojamiento gratuito con almacenamiento ilimitado

Considera Vimeo cuando:

• Necesites streaming en vivo OTT con monetización
• Tu flujo de trabajo dependa de integraciones específicas de Vimeo (ciertas plataformas LMS, herramientas de marketing)
• Necesites las herramientas de creación y edición de video de Vimeo

Usa Bunny Stream cuando:

• Estés incrustando videos en tu propio sitio y quieras una experiencia limpia y con tu marca
• Estés construyendo una plataforma de cursos, sitio de membresía o base de conocimiento
• La previsibilidad de costos sea importante y no quieras precios de suscripción por niveles
• Necesites DRM, token de autenticación o protección hotlink
• Quieras control por API de tu biblioteca de videos

Preguntas frecuentes

Conclusión

Bunny Stream llena un hueco que YouTube y Vimeo dejan abierto. YouTube es gratis pero te quita el control. Vimeo te devuelve el control pero cobra una suscripción que escala de forma extraña. Bunny cobra por lo que realmente usas, incluye funciones que cuestan extra en otros servicios, y no se mete en tu camino.

He estado ejecutando los videos de mis cursos de BitBuddies en Bunny Stream desde hace tiempo y no tengo planes de cambiar. La configuración me llevó menos de 30 minutos, el reproductor se ve limpio en cualquier dispositivo y mi factura mensual es calderilla.

Si quieres saber más sobre la plataforma completa de Bunny.net (CDN, almacenamiento, DNS, seguridad y más), escribí una reseña detallada de Bunny.net que cubre todo. Y si estás evaluando opciones de almacenamiento para tus archivos de video u otros recursos, echa un vistazo a mi comparativa Bunny Storage vs S3 vs Backblaze.