HTML5 vídeo: Requerimientos, compatibilidad y problemas relacionados con la reproducción de vídeo HTML5
soporte, otros, video, tecnologia, html5, video, compatibilidad
• Navegador Web consoporte para vídeo HTML5 y H.264/WebM (Versiones antiguas de Opera Móvil y FireFox Móvil, así como Opera Escritorio, sólo soportan el formato de vídeo WebM, por lo tanto, no reproducirán vídeos en formato H.264).
• PC/Smartphone/Tableta con soporte para vídeo H.264/WebM
Consulte la tabla de compatibilidad - más abajo - para más información.
NOTA: WS.WebTV trabaja, por defecto, con vídeos H.264. Si también desea trabajar con vídeo en formato WebM, debe habilitar el soporte para WebM a través del archivo de configuración de la WebTV; adicionalmente, deberá subir los archivos de vídeo WebM correspondientes a cada Calidad/Clip.
Como el HTML5 es un estándar en evolución, y no está implementado de la misma manera en todos los Navegadores Web, es posible que algunos navegadores Web no reproduzcan correctamente vídeo HTML5:
Reproducción automática (autoplay)
En la mayoría de navegadores de escritorio, el autoplay está habilitado por defecto; sin embargo, algunos de ellos han comenzado a ser más estrictos en cuanto a las condiciones que se deben cumplir para permitirlo. Por ejemplo, Chrome, desde la versión 66, sólo permite el autoplay si el vídeo tiene deshabilitado el audio o si el visitante ha interactuado previamente con la página. Firefox 62 también implementará una política de autoplay similar a la de Chrome 66. Safari, desde la versión 11, también requerirá que el vídeo tenga deshabilitado el audio para permitir el autoplay.
En cuanto a navegadores móviles se refiere, el autoplay está deshabilitado por defecto en casi todos; por lo tanto, muchas veces será necesario tocar/hacer click para comenzar a reproducir un vídeo. No obstante lo anterior, recientemente, los navegadores Web móviles están permitiendo el autoplay si se comienza la reproducción sin sonido (muted).
¿Está WS.WebTV preparado para esto?
- Sí, desde WS.WebTV 3.0 es posible deshabilitar el audio (mute) por defecto para poder conseguir que el autoplay funcione en un amplio rango de navegadores.
Más información respecto al autoplay:
- Chrome 66: Autoplay Policy Changes
- Safari 11: Auto-Play Policy Changes for macOS
- iOS 10 (Safari): New <video> Policies for iOS
- Firefox 62: Firefox in 2018: We'll tackle bad ads, breach alerts, autoplay video, says Mozilla
- Autoplay en móviles: HTML5 video autoplay on mobile revisited
Pantalla Completa
La característica "pantalla completa" depende de la capacidad del navegador Web. Si el navegador Web no soporta el modo "pantalla completa", el reproductor de vídeo de WS.WebTV se expandirá hasta llenar el área de la ventana del navegador. Por favor, tenga presente que cuando incruste el reproductor de vídeo en otro sitio Web (usando el código Embed Iframe) la funcionalidad de pantalla completa no funcionará en dispositivos/Navegadores Web que no soporten el modo "pantalla completa", como el iPhone/iPad o el Navegador Web nativo de Android (versiones anteriores a Android 5).
Distorsión
Dolphin HD y el navegador Web nativo de Android (versiones anteriores a la 4.1 Jelly Bean) pueden distorsionar el vídeo dependiendo del tamaño (y orientación) de la pantalla.
En general
Por favor, tenga presente que los dispositivos iPhone con iOS 9.x o anterior utilizan el reproductor nativo para reproducir vídeo; esto quiere decir que cuando presiona el botón de "play", el vídeo es reproducido "fuera" de la WebTV (a pantalla completa). Debido a lo anterior, todas las características especiales del reproductor de vídeo de WS.WebTV no funcionarán (como la interactividad de los vídeos, extensión PlayerLogo, etc.). Nuestra recomendación es que visualice nuestra WebTV de demo desde uno de estos dispositivos de manera que pueda observar el comportamiento descrito.
Reproducción automática (autoplay)
- iOS 10+ : La reproducción automática se puede conseguir deshabilitando el audio (mute) por defecto. Esto es posible desde WS.WebTV 3.0.
-
iOS 9.x y anteriors: La reproducción automática no funciona en iPhone e iPod Touch. Esto implica que cuando se reproduce la lista de reproducción de un Canal, la reproducción se dentendrá cada vez que finalice un vídeo; y para continuar habrá que presionar "Play" de nuevo. Adicionalemnte, cada vez que se seleccione un Vídeo/Canal, será necesario, además, presionar "Play" para comenzar a reproducirlo: Documento de Apple (lea la nota "Warning").
Embed
Ver la nota de "Pantalla Completa" en "Peculiaridades" (arriba).
Tenga presente que la versión "Kitkat" (4.4x) de Android tiene problemas con la reproducción de vídeo (reproducción entrecortada, no fluida) y no ofrece la experiencia de reproducción fluida de versiones anteriores.
Si Ud. (o los usuarios de su WebTV) tienen dispositivos con Android 4.4x es muy probable que sus vídeos no se reproduzcan fluidamente en esos dispositivos. Además de lo anterior, hay varios reportes en Internet relacionados con problemas de reproducción HLS. Simplemente tenga esto presente en caso de que esté experimentando estos problemas o en caso de que haya recibido reportes de problemas de reproducción por parte de sus usuarios.
Interfaz (UI) nativa siempre visible deshabilita la mayoría de funciones del reproductor de vídeo de la WebTV.
Según el estándar HTML5, para que el navegador Web muestre su interfaz nativa de reproducción de vídeo hay que añadir el atributo "controls" al elemento <video>. Si dicho atributo no está presente entonces el navegador no debe mostrar su interfaz nativa. El navegador nativo de Xiaomi muestra su interfaz sin importar la existencia o no del atributo antes mencionado. ¿Qué implica? Implica que casi todas la funcionalidad ofrecida por el reproductor de vídeo de la WebTV se perderá.
Para verificar si su navegador/dispositivo soporta vídeo HTML5, por favor, visite el siguiente sitio Web (desde su navegador/dispositivo) y busque los resultados de la sección "Video": http://html5test.com/
Plataforma | Navegador Web | Resultado | Notas |
Android | Navegador Nativo (basado en Chrome) Versión 6.x en adelante |
OK | No se han reportado problemas hasta la fecha. |
Navegador Nativo Versión 5.x |
OK | No se han reportado problemas hasta la fecha. | |
Navegador Nativo Versiónes 4.1 - 4.4 |
OK* | *No soporta "Pantalla Completa" real. | |
Navegador Nativo Versiones 2.2 - 4.0x |
OK* | *Problema de distorsión -stretching- de vídeo. *No soporta "Pantalla Completa" real. NOTA: Es posible que algunos dispositivos Android no soporten vídeo H.264/HTML5; sin embargo, la mayoría de los equipos más modernos sí lo soportan. |
|
Chrome | OK | No se han reportado problemas hasta la fecha. | |
Dolphin HD | OK* | *Problema de distorsión -stretching- de vídeo. *No soporta "Pantalla Completa" real. *Cuando se usa Jetpack, el botón de Pantalla Completa no funcionará. |
|
Firefox | OK* | *Spoporta H.264 desde la versión 17. Requiere WebM para versiones anteriores. | |
Opera | OK* | *Spoporta H.264 desde la versión 15. Requiere WebM para versiones anteriores. *En la primera reproducción, el navegador reproducirá el vídeo con el reproductor de vídeo nativo del dispositivo. *El botón de Pantalla Completa no funcionará en algunas versiones. |
|
Android (Xiaomi) | Navegador Nativo MIUI | No recomendado | El navegador siempre superpone su interfaz nativa, lo que deshabilita la mayoría de las funciones del reproductor de vídeo de la WebTV. |
iOS (iPad) | Mobile Safari (Navegador Nativo) | OK* | * Como el modo "Pantalla Completa" real no está soportado; dicho modo se simula reescalando el reproductor de manera que llene el mayor área posible del navegador Web. |
iOS (iPhone) | Mobile Safari (Navegador Nativo) iOS Versión 10 + |
OK* | * - Para mostar la interfaz del reproductor de vídeo de la WebTV se utiliza la opción "playsinline" del elemento <video> de HTML5. - Como el modo "Pantalla Completa" real no está soportado; dicho modo se simula reescalando el reproductor de manera que llene el mayor área posible del navegador Web. |
Mobile Safari (Navegador Nativo) iOS Versión 9.x y anteriores |
OK* | *La interfaz del reproductor de vídeo de la WebTV no será visible debido a que el vídeo se reproducirá con el reproductor de vídeo nativo del dispositivo -a pantalla completa-. | |
Windows | Internet Explorer 9+ / Edge | OK* | *No soporta "Pantalla Completa" real. NOTA: Versiones de Internet Explorer anteriores a la 9 no soportan HTML5. |
Windows/Mac | Chrome 15+ | OK | No se han reportado problemas hasta la fecha. |
Firefox | OK* | *Spoporta H.264 desde la versión 21. Requiere WebM para versiones anteriores. | |
Opera | OK* | *Sólo compatible con WebM. | |
Safari 5+ | OK | No se han reportado problemas hasta la fecha. | |
Windows Phone (Smartphones) | Internet Explorer Mobile 10+ (Edge) | OK* | No se han reportado problemas hasta la fecha. |
Internet Explorer Mobile 9+ | OK* | *La interfaz del reproductor de vídeo de la WebTV no será visible debido a que el vídeo se reproducirá con el reproductor de vídeo nativo del dispositivo. | |
BlackBerry | BlackBerry Browser | ? | No probado. De acuerdo a la documentación online de BlackBerry, la reproducción de vídeo HTML5 es posible en: - Teléfonos: OS 4.2.2+ y BlackBerry Browser 7.0+ - Tabletas: OS 1.0+ y BlackBerry Browser 1.0+ |