Come configurare Mobile Safari per mostrare sottotitoli sui video nella pagina web

3

Ho un video di sottotitoli codificati incorporato da YouTube sul mio sito Web che mostrerà i sottotitoli durante la visualizzazione in Safari su un computer desktop. Quando visualizzo la pagina Web in Safari su iPhone 6, i sottotitoli non vengono visualizzati.

Ho fatto clic sulla piccola icona in basso a destra della barra grigia inferiore per "Sottotitoli e CC" e averla impostata su "Inglese".

Ho impostato le impostazioni del mio iPhone > Generale > Accessibilità > Media > Sottotitoli & Sottotitoli su on e tipo predefinito.

  • Se fai clic sul video e lo visualizzi con l'app YouTUBE sul mio iPhone, verranno mostrate le didascalie, ma mi piacerebbe che fossero visualizzate anche quando vengono visualizzate direttamente dalla pagina web.

Non sono sicuro che si tratti di un problema di iPhone, di Safari, di YouTube o se è necessaria una semplice modifica al codice iframe / embed sulla mia pagina web.

Ho "& cc_load_policy = 1" come parte del mio tag src.

  • Anche iOS / Safari e iOS / Chrome NON mostrano sottotitoli per video-js sulla pagina web.

Qualcuno là fuori si imbatte in questo?

    
posta sloga 13.01.2016 - 18:42
fonte

1 risposta

1

Per prima cosa devi capire che ci sono un paio di modi in cui è possibile aggiungere sottotitoli codificati a un video. Se stai guardando specificamente a iOS, il video deve essere conforme allo standard di codifica CEA-608 e deve essere un video HTTP Live Stream (HLS) o MP4. Altri formati video NON funzioneranno su iOS come video incorporato se hai bisogno della riproduzione CC.

Se il video soddisfa uno di questi standard, allora si tratta delle impostazioni di riproduzione impostate per la pagina Web HTML5.

Se stai cercando di incorporare un video di YouTube sulla tua pagina. Devi verificare che il video abbia una traccia di Closed Caption esistente (non uno tra quelli tradotti automaticamente al volo).

Di seguito è riportato un esempio di una pagina web che dovrebbe riprodurre un trailer di "The Martian" che ha creato una traccia Closed Caption per esso.

Ho verificato che questa pagina funzioni sul mio desktop Mac con Safari e Chrome, un laptop Windows 7 con Chrome, un iPhone 6 con iOS 9.2 e 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>

Il bit del codice tasto per i video di YouTube è il &cc_load_policy=1 che hai già trovato.

Ma se il video a cui ti sei collegato non soddisfa le specifiche video originali, non vedrai mai il testo CC in iOS. Il player nativo di YouTube riprodurrà video non nello standard CAE-608, ma iOS non lo farà con un web player.

Se hai bisogno di farlo per i tuoi video, devi assicurarti che la tua codifica crei una traccia CC incorporata CEA-608.

Spero che questo aiuti.

    
risposta data 15.01.2016 - 04:29
fonte

Leggi altre domande sui tag