Как вставить код видео чтобы не растягивалось за пределы (границы) экрана? На сайте.

Банальная ситуация для новичков в web строительстве. То есть, требуется вставить код видео, и что бы корректно отображалось в ПК и смартфонах.

Я сам столкнулся с такой проблемой лет 8 назад. Скопировал код, вставил на сайт, и все вроде пучком. Потом, когда оказался у другого ПК с меньшим размером экрана, например в гостях, вижу что мое видео куда-то уходит на фиг за границы экрана и сайта.

Я в панике. А смартфонов тогда не было.

Что делать, я ищу гуглю ответ, и нашел. И тут напишу ответ решение на этот вопрос.

Ситуация следующая, например ниже код от твича:

<iframe src=»https://player.twitch.tv/?autoplay=false&video=v286808626″ frameborder=»0″ allowfullscreen=»true» scrolling=»no» height=»378″ width=»620″></iframe>

Где ширина указана в пикселях width=»620″.

Ширину требуется поменять на проценты width=»100%»

Именно поменять на проценты, и тогда встроенное видео, будет корректно отображаться и на ПК и на смартфонах.

100% прцентов не обязательная цифра, можно 90%, можно 80%. Любую цифру можно вставить. Можно поэксперементировать, например ширину можно сделать в 1 пиксель. Посмотрите что получиться 🙂

Рекомендация для начинающих сайтостроителей.

Какую колоду вы хоте ли бы найти? Напишите название. Михалыч найдёт. Название колоды: Ваш емейл:

Рассказать друзьям:

| Как вставить код колоды ? СМОТРИТЕ ТУТ | Ставки на Хартстоун ТУТ |