youtube-eps-vector-logo-400×400

Вставка адаптивного кода YouTube

В процессе работы с сайтами очень часто возникает потребность в ставке кода из всем известного видео сервиса YouTube. Но тот код который предлагает нам ютуб по умолчанию не является адаптивным, следовательно при работе с современными сайтами область с видео не отображается так как нужно. Для решения данной задачи есть вот такой сервис t3premium:

Перейти на сервис

Кроме адаптации кода из ютуб, сервис так же адаптирует код из других популярных видео сервисов.

Теперь рассмотрим код который нам генерирует t3premium:

Естественно из кода лучше удалить срочку:

Ведь для сео оптимизации нам не нужны лишние ссылки на сайте. И тогда у нас получится вот такой конечный вариант кода для вставки:

Отображение видео кода по умолчанию:

Что бы изменишь ширину и установить по центру наш блок с видео обернем видео код следующим кодом:

Отображение видео кода с центрированием и отступами:

 

Вставка адаптивного кода YouTube
Рейтинг данной записи