the - ¿Cómo se configura S3 y Cloud Front para transmitir video HTML5? Intenté todo

to estimate the cost of amazon cloudfront you must consider

Question

He probado muchas, muchas configuraciones diferentes, archivos, codificación, navegadores, etc., pero este es el ejemplo más simple que demuestra el problema que estoy teniendo.

Si pega la url para el video de muestra para JSPlayer en FF 8.0.1, el video se reproduce en línea:

http://video-js.zencoder.com/oceans-clip.webm

Si tomo el mismo video y lo cargo en mi bandeja de s3, se inicia la descarga en su lugar:

https://s3.amazonaws.com/turingvideos/oceans-clip.webm - o - http

(Los permisos se leen para todos en el archivo y el depósito)

Entonces, probemos Cloud Front.

d2yat6m71lu23b dot cloudfront dot net slash oceans-clip.webm (disparador de descarga)

Y Cloud Front Streaming:

strzsu4h2ax96 punto nube punto punto malla neta oceans-clip.webm (spinner infinito)

Las mismas cosas básicas suceden cuando se usa una etiqueta de video html también. Funciona bien desde zencoder, borked en cualquier cosa que no sea la lectura de disco local.

Entonces, ¿qué magia está gestionando zencoder que está completamente fuera de mi alcance con S3 / CloudFront? Estoy completamente perplejo.

Editar:

Establecer el tipo de contenido y la disposición a "video / webm" y "en línea" hizo el truco. Gracias por la respuesta rápida.

Answer 1

Con la consola de administración web S3 ( https://console.aws.amazon.com/s3 ), seleccione su categoría, haga clic con el botón derecho en uno de sus archivos de video, cambie a la pestaña de metadatos y establezca 2 encabezados:

• Tipo de contenido: cualquiera que sea el tipo de contenido de su archivo de video es
• Contenido-Disposición: en línea

Además, asegúrese de que su distribución de CloudFront esté configurada como una distribución de "transmisión" y no como una de "descarga".

Editar:

De los documentos de AWS:

Los servidores CloudFront no determinan el tipo MIME para los objetos que sirven. Por lo tanto, cuando sube un objeto a su origen, debe establecer el encabezado Content-Type del objeto.

Fuente: http://docs.amazonwebservices.com/AmazonCloudFront/latest/DeveloperGuide/ObjectMIMEType.html