Comment configurer le mobile Safari pour afficher les sous-titres sur les vidéos dans la page Web

Tout d'abord, vous devez comprendre qu'il existe plusieurs façons d'ajouter des sous-titres codés à une vidéo. Si vous regardez spécifiquement sur iOS, la vidéo doit être conforme à la norme de codage CEA-608 et doit être soit un flux HTTP en direct (HLS) ou une vidéo MP4. D'autres formats vidéo ne fonctionneront PAS sur iOS en tant que vidéo intégrée si vous avez besoin de sous-titres codés.

Si la vidéo répond à l'une de ces normes, alors il s'agit des paramètres de lecture définis pour la page Web HTML5.

Si vous cherchez à intégrer une vidéo YouTube sur votre page, vous devez vérifier que la vidéo dispose d'une piste de sous-titres codés existante (pas l'une des pistes traduites automatiquement à la volée).

Ci-dessous un exemple de page Web qui devrait lire la bande-annonce du film "Seul sur Mars" qui dispose d'une piste de sous-titres codés créée pour cela.

J'ai vérifié que cette page fonctionne sur mon Mac de bureau avec Safari et Chrome, un ordinateur portable Windows 7 avec Chrome, un iPhone 6 avec iOS 9.2 et un iPad Air avec iOS 8.4.1.

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

Le code clé pour les vidéos YouTube est le &cc_load_policy=1 que vous avez déjà trouvé.

Mais si la vidéo à laquelle vous avez ajouté un lien ne respecte pas les spécifications originales de la vidéo, vous ne verrez jamais de texte de sous-titres sur iOS. Le lecteur natif YouTube lira des vidéos qui ne sont pas conformes à la norme CAE-608, mais iOS à travers un lecteur Web ne le fera pas.

Si vous avez besoin de le faire pour vos propres vidéos, alors vous devez vous assurer que votre encodage crée une piste de sous-titres codés intégrée conforme à la norme CEA-608.

J'espère que cela vous aidera.