Cómo configurar Safari móvil para mostrar subtítulos en videos en una página web

Primero, necesitas entender que hay un par de formas en las que se puede agregar Subtítulos cerrados a un video. Si estás viendo específicamente en iOS, entonces el video debe cumplir con el estándar de codificación CEA-608, y debe ser o bien un HTTP Live Stream (HLS) o un video MP4. Otros formatos de video NO funcionarán en iOS como video incrustado si necesitas reproducción de CC.

Si el video cumple con uno de esos estándares, entonces se trata de la configuración de reproducción que se establece para la página web de HTML5.

Si estás buscando incrustar un video de YouTube en tu página, necesitas verificar que el video tenga una pista de Subtítulos cerrados existente (no una de las que se traducen automáticamente sobre la marcha).

A continuación se muestra un ejemplo de una página web que debería reproducir un avance de la película "El marciano" que ha tenido una pista de Subtítulos cerrados creada para él.

He verificado que esta página funciona en mi Mac de escritorio con Safari y Chrome, en una laptop con Windows 7 con Chrome, en un iPhone 6 con iOS 9.2 y en un iPad Air con iOS 8.4.1.

            #youtube_canvas img{max-width:none!important;background:none!important}

El pedazo clave de código para los videos de YouTube es el &cc_load_policy=1 que ya has encontrado.

Pero si el video al que has enlazado no cumple con las especificaciones originales del video, entonces nunca verás texto de CC en iOS. El reproductor nativo de YouTube reproducirá videos que no están en el estándar CAE-608, pero iOS a través de un reproductor web no lo hará.

Si necesitas hacer esto para tus propios videos, entonces necesitas asegurarte de que tu codificación cree una pista de CC incrustada CEA-608.

Espero que esto ayude.