Ciao ragazzi come state?
In questo tutorial ti mostrerò come possiamo forzare la visualizzazione dei sottotitoli in un video quando lo aggiungiamo al nostro sito web.
E non solo, ma vedremo anche come possiamo farli apparire di default nella lingua che vogliamo.
SOMMARIO
Se non vuoi vedere l'intera spiegazione, ti riassumo i parametri che puoi utilizzare per forzare automaticamente i sottotitoli quando aggiungi un video di YouTube al tuo sito web:
- cc_load_policy=1 Per forzare i sottotitoli
- cc_lang_pref=it Per indicare la lingua in cui appariranno i sottotitoli, nell'esempio in inglese
- hl = it Lingua in cui apparirà l'interfaccia del lettore, nell'esempio in inglese
Videotutorial
Iscriviti a un canale mi:
E se puoi dedicarci più tempo ecco una spiegazione passo passo con esempi reali 🥳
Per forzare i sottotitoli su un video di YouTube incorporato in un sito Web, è necessario aggiungere un parametro nel codice HTML. Il parametro si chiama 'cc_load_policy' e può avere due valori: '1' per mostrare i sottotitoli o '0' per nasconderli.
Ad esempio, se desideri che i sottotitoli vengano visualizzati per impostazione predefinita nel tuo video, aggiungi semplicemente "&cc_load_policy=1" alla fine del codice HTML del video. Il codice completo sarebbe simile a questo:
<iframe width="705" height="315" src="https://www.youtube.com/embed/ZFXwJ9KBxZM?cc_load_policy=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>E il risultato sarà questo:
Traduci automaticamente i sottotitoli in un video di YouTube incorporato in un web
Non solo puoi aggiungere i sottotitoli, ma puoi scegliere in quale lingua.
Cura
Appariranno solo se hai aggiunto i sottotitoli in quella lingua al video. Per fare questo devi configurarlo nel video stesso all'interno di YouTube
El parametro cc_lang_pref utilizzato per specificare la lingua dei sottotitoli da visualizzare durante il caricamento del video di YouTube. Ciò consente agli utenti di selezionare la lingua dei sottotitoli preferita durante la riproduzione del video. Ciò è particolarmente utile se il video è disponibile con sottotitoli in più lingue, in quanto l'utente può selezionare quella preferita senza dover modificare manualmente i sottotitoli.
Il codice che visualizzerebbe i sottotitoli in inglese sarebbe simile a questo:
<iframe width="705" height="315" src="https://www.youtube.com/embed/ZFXwJ9KBxZM?cc_load_policy=1&cc_lang_pref=en" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>E il risultato sarebbe:
Mostra Youtube Player nella lingua che desideri sul tuo sito web
Un altro aspetto importante è mostrare i pulsanti del player stesso nella lingua che vogliamo.
Se guardi i video sopra vedrai che sono in spagnolo. Qui ti mostro come cambiarlo.
El parametro hl YouTube viene utilizzato per specificare la lingua in cui viene visualizzato il contenuto del player di YouTube. Questo include il interfaccia utente, sottotitoli, descrizioni video, tag e titoliS. Se non viene specificata una lingua specifica, il contenuto del lettore verrà visualizzato nella lingua predefinita.
Il codice sarebbe qualcosa del genere hl = it, cambiando 'en' nella lingua che vogliamo:
<iframe width="705" height="315" src="https://www.youtube.com/embed/ZFXwJ9KBxZM?cc_load_policy=1&cc_lang_pref=en&hl=en" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>E il risultato sarebbe:
PROS
- Migliora l'accessibilità dei contenuti per tutti gli utenti
- Gli utenti possono alternare tra mostrare e nascondere i sottotitoli
- È relativamente facile da implementare
CONS
- Richiede una configurazione aggiuntiva ma come puoi vedere è molto semplice
Spero che il tutorial ti sia stato utile 😉