Привет, ребята, как дела?
В этом уроке я собираюсь показать вам, как мы можем заставить субтитры появляться в видео, когда мы добавляем его на наш веб-сайт.
И не только это, но мы также увидим, как мы можем сделать так, чтобы они отображались по умолчанию на нужном нам языке.
РЕЗЮМЕ
Если вы не хотите видеть полное объяснение, я резюмирую параметры, которые вы можете использовать для автоматического включения субтитров при добавлении видео YouTube на свой веб-сайт:
- cc_load_policy=1 Чтобы включить субтитры
- cc_lang_pref=ru Чтобы указать язык, на котором будут отображаться субтитры, в примере на английском языке
- HL = EN Язык, на котором будет отображаться интерфейс плеера, в примере на английском
Видеоурок
Suscríbete a mi канал:
И если вы можете потратить больше времени, вот пошаговое объяснение с реальными примерами 🥳
Чтобы включить субтитры в видео YouTube, встроенном в веб-сайт, вам нужно добавить параметр в HTML-код. параметр называется «cc_load_policy». и может иметь два значения: «1» для отображения субтитров или «0» для их скрытия.
Например, если вы хотите, чтобы в вашем видео по умолчанию отображались субтитры, просто добавьте «&cc_load_policy=1» в конец HTML-кода видео. Полный код будет выглядеть так:
<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>И результат будет таким:
Автоматический перевод субтитров в видео YouTube, встроенном в сеть.
Вы можете не только добавлять субтитры, но и выбирать язык.
Уход
Они появятся только в том случае, если вы добавили к видео субтитры на этом языке. Для этого вам нужно настроить его в самом видео на YouTube.
El параметр cc_lang_pref используется для указания языка субтитров, которые будут отображаться при загрузке видео с YouTube. Это позволяет пользователям выбирать предпочтительный язык субтитров при воспроизведении видео. Это особенно полезно, если видео доступно с субтитрами на нескольких языках, поскольку пользователь может выбрать предпочтительный язык без необходимости вручную изменять субтитры.
Код, который будет отображать английские субтитры, будет выглядеть так:
<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>И результатом будет:
Покажите Youtube Player на нужном вам языке на своем веб-сайте
Еще одним важным аспектом является отображение кнопок самого плеера на том языке, который мы хотим.
Если вы посмотрите видео выше, вы увидите, что они на испанском языке. Здесь я покажу вам, как его изменить.
El hl параметр YouTube используется для указания языка, на котором отображается содержимое проигрывателя YouTube. Это включает в себя пользовательский интерфейс, субтитры, описания видео, теги и заголовкис. Если конкретный язык не указан, содержимое проигрывателя будет отображаться на языке по умолчанию.
Код будет примерно таким HL = EN, изменив 'en' на нужный нам язык:
<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>И результатом будет:
PROS
- Улучшить доступность контента для всех пользователей
- Пользователи могут переключаться между отображением и скрытием субтитров.
- Это относительно легко реализовать
МИНУСЫ
- Это требует дополнительной настройки, но, как видите, это очень просто.
Надеюсь, урок был вам полезен 😉