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

Navega tus respuestas
3

Tengo un video de subtítulos ocultos incrustado desde YouTube en mi sitio web que mostrará los subtítulos cuando se vea en Safari en una computadora de escritorio. Cuando veo la página web en Safari en iPhone 6, los subtítulos no se muestran.

He hecho clic en el pequeño icono en la parte inferior derecha de la barra gris inferior para "Subtítulos y CC" y lo he configurado en "Inglés".

He configurado la configuración de mi iPhone > General > Accesibilidad > Medios > Subtítulos & Subtitulado a activado y tipo predeterminado.

  • Al hacer clic en el video y verlo con la aplicación YouTUBE en mi iPhone, se mostrarán los subtítulos, pero también me gustaría que se muestren cuando se ven directamente desde la página web.

No estoy seguro de si se trata de un problema de iPhone, de Safari, de YouTube o si requiere una edición simple del código iframe / incrustado en mi página web.

Tengo "& cc_load_policy = 1" como parte de mi etiqueta src.

  • iOS / Safari y iOS / Chrome tampoco muestran subtítulos para los videos de video-js en la página web.

¿Alguien por ahí se topa con esto?

    
pregunta sloga 13.01.2016 - 18:42

1 respuesta

1

Primero debe comprender que hay un par de formas en que se pueden agregar subtítulos a un video. Si está buscando específicamente en iOS, entonces el video debe cumplir con el estándar de codificación CEA-608 y debe Puede ser una transmisión HTTP Live Stream (HLS) o MP4. Otros formatos de video NO FUNCIONARÁN en iOS como video incrustado si necesita reproducción de CC.

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

Si está buscando incrustar un video de YouTube en su página. Debe verificar que el video tenga una pista de subtítulos ocultos (no una de las que se encuentran automáticamente en la marcha).

A continuación se muestra un ejemplo de una página web que debería reproducir un tráiler de la película "The Martian" que ha creado una pista de subtítulos.

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

<!DOCTYPE html>
<html lang="en">
    <head>
    </head>
    <body>
        <div style="overflow:hidden;height:270px;width:400px;">
            <div id="youtube_canvas" style="height:270px;width:400px;">
                <iframe style="height:270px;width:400px;border:0;" frameborder="0" src="https://www.youtube.com/embed/aIL01wrwq6w?hl=en&amp;autoplay=1&amp;cc_load_policy=1&amp;loop=0&amp;fs=1&amp;showinfo=0"></iframe>
            </div>
            <style>#youtube_canvas img{max-width:none!important;background:none!important}</style>
        </div>
    </body>
</html>

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

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

Si necesita hacer esto para sus propios videos, debe asegurarse de que su codificación cree una pista CC incrustada CEA-608.

Espero que esto ayude.

    
respondido por el kenjikato 15.01.2016 - 04:29

Lea otras preguntas en las etiquetas

¿Hacer que Comando, Opción y Control funcionen con el teclado de Microsoft? ¿Mostrar aplicaciones de Windows en Parallels Coherence con una barra de título de estilo mac con puntos rojos / amarillos / verdes a la izquierda?