Las fuentes de vídeo HTML deben ser responsivas

Scott Jehl no se anda con rodeos aquí:

Quitar mediala compatibilidad con vídeos HTML fue un error. Esto significa que por cada vídeo que incrustamos en HTML, nos enfrentamos a la opción de entregar archivos de origen que son potencialmente demasiado grandes o pequeños para los dispositivos de muchos usuarios (lo que resulta en un rendimiento deficiente, un desperdicio de datos e incluso una calidad subóptima). en pantallas más grandes), o recurrir a soluciones más complicadas del lado del servidor o de terceros para ofrecer un tamaño correcto.

Recuerdo cuando empezaban a aparecer imágenes responsivas. Una forma de explicarlo era decir videoque puedes tener múltiples sourceelementos dentro de los cuales (en los navegadores compatibles) te permiten especificar atributos como type(por ejemplo, formato de video) y media(por ejemplo, tamaño de pantalla). Pero entonces …

A pesar de haberse implementado en varios navegadores, la función se eliminó de los navegadores y de la especificación HTML, sin proponer ningún reemplazo para la funcionalidad que alguna vez proporcionó. Una excepción es que la característica nunca se eliminó de Webkit, por lo que todavía funciona en los navegadores Safari, lo cual es genial.

No recuerdo eso. Se siente como un gran momento WTF ( algunos antecedentes ). Pienso que la web es tremenda en cuanto a compatibilidad con versiones anteriores. Es raro el día en que simplemente tiramos cosas, y aún más raro es un tirón sin alternativa alguna.

Entonces, ahora que las imágenes responsivas son un éxito (es un éxito, ¿verdad? No puedo imaginar cuánto ancho de banda ha salvado al mundo)… ¿no podemos… devolverlo?

Cuando tengo una necesidad inmediata de esto, siempre pienso en Cloudinary, porque puedo alterar el tamaño y el formato del video cambiando la URL. Por ejemplo, aquí hay una URL de video donde el códec de video se determina automáticamente y el tamaño se reduce a 400 px:

https://res.cloudinary.com/css-tricks/video/upload/c_scale,q_auto,vc_auto,w_400/v1612795501/intro-patreon_jpd8er.mp4

Es bueno tener herramientas como esta, pero eso no significa que la plataforma no deba ayudar.