Cómo Hacer Una Página

Hacer una Web Profesional con Wordpress

  • Suscribirse (10€/mes)
  • Mi Cuenta
  • Contacto
Estás aquí: Inicio / Video / Como Añadir Vídeos alojados en Amazon S3 en WordPress con S3 Media Maestro

Como Añadir Vídeos alojados en Amazon S3 en WordPress con S3 Media Maestro

octubre 26, 2020 Por Óscar Dejar un comentario

Hola chicos, ¿qué tal? En este tutorial vamos a ver cómo podemos alojar videos en nuestra página web usando el servicio de Amazon, concretamente de Amazon S3.

S3 Media Maestro Lo tienes disponible en la Zona premium

Tutorial en vídeo

Suscríbete a mi canal:

Tabla de Contenidos

  • ¿Qué vamos a necesitar para seguir este tutorial?
  • Resultado Final
  • 1º Instalar S3 Media Maestro
  • Añadir un vídeo alojado en S3 a una entrada o página

¿Qué vamos a necesitar para seguir este tutorial?

  • AWS de Amazon
  • S3 Media Maestro que lo puedes descargar de la zona premium gratis o lo puedes comprar por 107$ aquí.

S3 Media Maestro Lo tienes disponible en la Zona premium

Resultado Final

Como podéis ver en este ejemplo, tenemos un vídeo que está alojado en Amazon S3 y veis que no están las marcas de YouTube o Vimeo y es porque estoy usando el servicio del propio Amazon. En esta captura podéis ver qué funciona perfectamente.

Puedo hacer todo lo que se pueda hacer con un vídeo.

La gracia de hacerlo con Amazon, es que si queréis tener una escuela online con vuestros propios vídeos, podéis ocultarlos. En cambio si lo tenéis en YouTube no lo podéis ocultar dentro de vuestra página web.

La gente va a poder verlos porque aunque esté oculto en YouTube, van a poder ver la URL y entrar en el vídeo.

Además alojar los vídeos de un curso privado en YouTube no es muy profesional.

Otra opción es alojarlos en Vimeo. Esta opción me encanta y de hecho yo mismo la uso.

El único problema que tiene Vimeo es que si te pasas del consumo de ancho de banda su coste es enorme.

En cambio, con Amazon tiene la ventaja que el primer año es absolutamente gratis ya que tiene una capa gratuita que nos vale en la mayoría de usos.

Además de la capa gratuita de Amazon S3, sigue siendo mucho más competitivo en precio. Es mucho más económico que Vimeo.

1º Instalar S3 Media Maestro

Lo primero que hay que hacer es tener el plugin ya instalado. En mi caso ya lo tengo.

Una vez instalado nos vamos a Ajustes »S3 media maestro:

y aquí tenemos que añadir Access Key el Secret Key de Amazon.

¿Cómo lo obtenemos? Bueno, pues lo primero que tienes que tener es una cuenta de AWS de Amazon.

Darse de alta es absolutamente gratis y además podemos usarlo durante un año sin coste alguno gracias a su capa gratuita.

Una vez dato de alta podrás ver que dentro hay un montón de servicios.

Para este tutorial el servicio que nos interesa es S3.

En la consola de administración tenemos un buscador. Escribimos S3 y entramos en el servicio.

Lo primero que tenéis que hacer es iros arriba, donde está vuestro nombre y entrar en Mis credenciales de seguridad.

En la siguiente pantalla vamos a la opción que pone Claves de acceso (ID de clave de acceso y clave de acceso secreta).

Y aquí yo tengo la mía. Hacéis clic en crear una nueva clave de acceso.

Os va a dar el ID de acceso y la clave, guardarla a buen recaudo, porque luego ya no la vais a poder volver a ver.

Ahora volvéis a vuestro WordPress y lo pegáis en los ajustes de S3 Media Maestro:

Como podéis ver en la captura de arriba, una vez añadidos los credenciales me aparece cual es el bucket (contenedor) por defecto.

Es decir en que contenedor se van a añadir los vídeos que vamos a usar.

Si hago click en Change (cambiar) puedo seleccionar otro o en su caso crearlo:

Es decir, tú puedes tener diferentes buckets o contenedores con tu contenido.

Por defecto ha seleccionado uno pero yo le puedo decir que sea otro.

En la opción S3 Default Expiry puedo cambiar el tiempo que quiero que el video esté funcionando sin que expire.

Esta opción está realmente bien ya que si un usuario le pasa la url del vídeo a otro no le va a funcionar si el tiempo ya a expirado.

Añadir un vídeo alojado en S3 a una entrada o página

Nos vamos a crear una entrada o página y hago click en el + para añadir un bloque de Gutenberg:

Nos aparece un botón con el texto: Add S3 / Cloudfront Media hacemos click y nos aparecen las opciones de Amazon S3 para añadir el vídeo:

En esta pantalla tan sólo tenemos que elegir el contenedor donde está alojado el vídeo o donde lo queremos alojar.

Es decir podemos elegir un vídeo que previamente hayamos subido a Amazon S3 o lo podemos subir desde esta misma ventana haciendo click en Select File(s):

Una vez seleccionado el vídeo de mi ordenador y subido hacemos click en Insert Video Block y aparecerá el vídeo en nuestro editor.

Cuidado Es un poco confuso si el vídeo está seleccionado o no.

Puede parecer una bobada pero yo me he liado con esto. Aseguraros que el vídeo tiene el fondo naranja para saber que está seleccionado:

Fijaros que si yo edito la entrada tengo más opciones de visualización. Puedo seleccionar otro player para que no sea el que viene por defecto:

En este caso voy a elegir cualquiera para que veáis la diferencia:

Como habéis podido ver el plugin S3 Media Maestro nos facilita mucho el trabajo para poder añadir vídeos de forma profesional en nuestra web.

Espero que os haya gustado 😉

Archivado en:Video, Hosting

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

¿Necesitas Ayuda?

  • Contacto
  • Blog

Más Información

  • Condiciones de Uso
  • Condiciones generales de venta
  • Aviso Legal
  • Pólitica de Privacidad
  • Política de cookies

Buscador

Funciono con el Theme Genesis · Iniciar sesión

Este sitio web instalará en tu navegador cookies analíticas y publicitarias propias y de terceros si continúas navegando.
Encontrará más información en nuestra Política de Cookies...Configuración de CookiesAceptar
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Siempre activado

Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.
Básicamente el blog no funcionará bien si no están activas.
Estas cookies son:
- Comprobación de inicio de sesión.
- Cookies de seguridad imprescindibles.
- Saber si ya has aprobado/rechazado las cookies.

Non-necessary

Esta web utiliza las siguientes cookies adicionales:
- Mautic: Recordar si ya estás suscrito al boletín de noticias.
- Google Analytics: un servicio de analítica web desarrollada por Google, que permite la medición y análisis de la navegación en las páginas web.

GUARDAR Y ACEPTAR