Ссылка на видео и HTML-код для вставки видео на сайт c YouTube
Интерфес на YouTube поменялся и статья «Как получить HTML-код для вставки на сайт видео с YouTube» немного устарела, хотя все принципы получения HTML-кода видео для вставки на сайт остались прежними. К тому же хочется ещё затронуть вопрос о том, как получить просто ссылку на видео с Ютуба. Поэтому решил обновить материал и добавить в него информацию про ссылку на видео. Итак, обо всём по порядку:
Кнопка «Поделиться» для получения ссылки на видео и HTML-кода для вставки видео на сайт c YouTube
Кнопка «Поделиться» для получения ссылки на видео и HTML-кода для вставки видео на сайт находится справа под заголовком видео YouTube (под самим видео). Рядом с кнопками лайков и прочими ссылками по пользовательскому управлению видео.
Для того, чтобы открыть панель со ссылкой на видео и HTML-кодом для вставки, нужно найти эту кнопку и кликнуть по ней один раз левой кнопкой мышки:
Как скопировать ссылку на видео YouTube
После того, как открыто всплывающее окно со ссылками, нужно обратить внимание на строчку типа:
https://youtu.be/lNRu0M5jMyg
be/lNRu0M5jMygОна находится под кнопками социальных сетей. Именно эта ссылка и является ссылкой на выбранное видео на Ютубе. Скопировать её можно выделив мышкой и нажав Ctrl + C, а можно просто кликнуть мышкой по кнопке «Копировать». После копирования ссылку можно отправить по электронной почте, в мессенждере, вставить в пост в соц.сетях или разместить в виде ссылки у себя на сайте. О том, что ссылка скопирована будет уведомление в нижнем левом углу экрана «Ссылка скопирована в буфер обмена»:
Как получить HTML-код для вставки на сайт видео с YouTube
Кнопка «Встроить» HTML-код с YouTube
Для того, чтобы получить HTML-код для вставки на сайт видео с YouTube нужно кликнуть левой кнопкой мышки один раз по кнопке в виде <> с названием «Встроить». Эта кнопка первая в верхнем ряду кнопок со ссылками на соц.сети:
Копирование HTML-кода для вставки на сайт видео с YouTube на широких экранах
На широких экранах при раскрытии нового всплывающего окна в нижнем правом углу будет ссылка-кнопка «Копировать».
После клика по этой кнопке, HTML-код для вставки видео с Ютуба будет скопирован в буфер обмена. Об этом будет сообщено в надписи в нижнем правом углу экрана: «Ссылка скопирована в буфер обмена». После этого, полученный код можно вставлять в HTML-документ.
Код выглядит например так:
<iframe src="https://www.youtube.com/embed/lNRu0M5jMyg" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
Ну и конечно картинка, как найти эту кнопку «Копировать» на Ютубе:
Копирование HTML-кода для вставки на сайт видео с YouTube на узких экранах
На узких экранах кнопки «Копировать» почему-то дизайнерами YouTube не предусмотрено, поэтому HTML-код для вставки нужно скопировать вручную. Для этого нужно кликнуть один раз левой мышки в любое место, где расположен код:
После этого весь код для вставки на сайт выделится, останется нажать только Ctrl + C, чтобы он попал в буфер обмена, после этого его можно будет вставить в HTML-код страницы на сайте:
Для тех, кто привык пользоваться мышкой для копирования, нужно кликнуть правой кнопкой мышки по выделенному HTML-коду.
Откроется контекстное меню браузера. Из него нужно выбрать пункт «Копировать»:
Резюме:
Таким образом можно быстро найти и скопировать либо ссылку на видео с YouTube, либо HTML-код для вставки на сайт видео.
Как вставить видео с YouTube в публикацию на сайте Joomla. Вставка тега iframe в админке Joomla.
Заберите ссылку на статью к себе, чтобы потом легко её найти!
Выберите, то, чем пользуетесь чаще всего:
Как добавить музыку к видео на YouTube
Аннотации
как ты YouTube Creator Иногда вы можете захотеть добавить в свое видео нотку музыкального вдохновения.
Хотя вы можете сделать это с помощью сторонних приложений перед загрузкой видео, вы рискуете нарушить условия авторских прав YouTube. Это связано с тем, что сторонние приложения не сообщают вам, какие песни YouTube отмечает как нарушающие его правила авторского права.
Как только YouTube обнаруживает такое нарушение, это означает, что вы не можете монетизировать затронутое видео. Если вы хотите предотвратить это, лучший вариант — использовать встроенный редактор YouTube Studio, чтобы добавить рекомендованную музыку к вашему видео.
Как добавить музыку к видео на YouTube
это дополнение Музыка без авторских прав Конвертировать в видео YouTube просто при использовании YouTube Studio. Давайте посмотрим, как вы можете это сделать, выполнив несколько шагов ниже.
Видеоредактор YouTube Studio позволяет добавлять музыку к видео из библиотеки лицензионных песен. Эти песни доступны в бесплатной аудиотеке, и вы можете использовать их в своих видео для монетизации.
1. Сохраните или запланируйте видео.
Если вы уже опубликовали, запланировали или сохранили свое видео в частном порядке, пропустите следующие шаги и перейдите к следующему шагу ниже. В противном случае вы можете продолжить работу.
После входа в свою учетную запись YouTube перейдите на Страница حة студии YouTube.
Кроме того, вы можете нажать на значок меню в верхнем левом углу экрана на главной странице YouTube, а затем выбрать Ваши видео Чтобы загрузить главную страницу YouTube Studio.
Когда вы перейдете в YouTube Studio, нажмите «Создать» в правом верхнем углу веб-приложения, чтобы загрузить новое видео, если вы еще этого не сделали.
В процессе загрузки выберите опцию Специальный Как только вы дойдете до шага видимости, нажмите спасти.
Кроме того, вы можете запланировать публикацию содержимого позже, выбрав параметр планирования и нажав кнопку «Сохранить». Это гарантирует, что ваше видео будет доступно для всех только в определенную дату и время — в идеале после добавления аудио.
Однако, чтобы отредактировать видео, которое вы уже сохранили как черновик, выберите параметр «Контент» на левой боковой панели Студии YouTube, чтобы загрузить свои видео.
Когда появится ваш контент, нажмите на черновик видео, чтобы открыть его и начать редактирование.
Затем перейдите к параметру видимости, чтобы сохранить его как личное видео или запланировать его публикацию позже.
Вышеуказанные шаги необходимы, потому что сохранение видео в виде черновика не дает вам доступа к его редактированию с помощью встроенного редактора YouTube Studio.
Однако при выборе варианта «Личное» или планирования видео оно будет недоступно для публичного просмотра и предоставит вам доступ к редактору. Это позволяет добавлять музыку до того, как подписчик сможет увидеть ваше видео.
2. Доступ к музыкальной библиотеке.
Выполнив вышеуказанные шаги, щелкните видео, в которое хотите внести изменения. На левой боковой панели щелкните редактор, чтобы начать редактирование видео.
Когда появится видеоредактор, посмотрите на нижний левый угол видео. Щелкните значок плюса справа от значка музыки. Загрузите встроенную музыкальную библиотеку.
Возможно, вы захотите послушать музыку, прежде чем добавлять ее в свое видео. Для этого нажмите на значок воспроизведения.
Остальное — для музыки, которую вы хотите добавить.
Если вы удовлетворены музыкой и захотите использовать ее в своем видео, наведите на нее указатель мыши и нажмите «Добавить», чтобы добавить ее в свое видео.
Вы также можете скачать Музыка без авторских прав Чтобы использовать его позже, щелкнув опцию «Аудиотека» в правом верхнем углу музыкальной библиотеки. На следующей странице наведите указатель мыши на любой аудиоклип и нажмите «Скачатьчтобы сохранить его в локальном хранилище.
Воспользуйтесь всеми преимуществами YouTube Studio
Добавлять аудио без авторских прав к видео на YouTube стало еще проще. В YouTube Studio есть множество встроенных функций, которые позволяют авторам напрямую редактировать видео на своих каналах.
с помощью Студия YouTube Владельцы каналов могут вырезать, объединять и размывать видеоэлементы, а также добавлять к своему контенту бесплатное аудио, рекомендованное YouTube.
Источник
Как встроить видео с YouTube на свой сайт WordPress [Просто]
Хотите знать, как встроить видео с YouTube в WordPress?
Отображение видео YouTube в WordPress — отличный способ вдохнуть новую жизнь в ваш веб-сайт и повысить вовлеченность посетителей.
Существует несколько способов добавления видео с YouTube в WordPress, поэтому может быть сложно решить, какой метод выбрать.
В этой статье мы покажем вам, как легко встроить видео YouTube в WordPress для начинающих, чтобы вы могли легко получить больше подписчиков YouTube.
Вот различные методы, которые помогут вам ориентироваться в этой статье:
- Как добавить видео YouTube на страницы WordPress
- Как встроить видео YouTube в боковую панель или нижний колонтитул WordPress
- Как добавить канал YouTube в WordPress ( Best Way)
- Как отобразить плейлист YouTube в WordPress
Встраивание видео YouTube вручную в WordPress
Следующие методы встраивания видео YouTube в WordPress покажут вам, как вручную добавить видеоконтент в новый редактор блоков WordPress, классический редактор и виджеты боковой панели.
Погружаемся!
Как добавить видео с YouTube на страницы WordPress
WordPress поставляется с удобной функцией, называемой автоматическим встраиванием, которая позволяет вашему веб-сайту автоматически получать код для встраивания из служб видеохостинга, таких как YouTube, и отображать контент в записи блога или на странице.
.
Чтобы встроить видео YouTube в сообщение или страницу блога WordPress, все, что вам нужно, это скопировать URL-адрес видео, которое вы хотите встроить. Вы можете сделать это, нажав кнопку «Поделиться» видео или скопировав ссылку напрямую.
Затем отредактируйте сообщение или страницу, на которую вы хотите добавить видео, и вставьте URL-адрес в редактор WordPress.
Как только вы вставите URL-адрес видео, WordPress найдет код для встраивания и отобразит видео YouTube в области содержимого.
Теперь, когда вы сохраните публикацию и нажмете кнопку Предварительный просмотр , вы увидите встроенное видео из социальных сетей так, как посетители увидят его на вашем веб-сайте.
Довольно просто, правда?
После того, как вы добавили свое видео, его настройки легко изменить с помощью панели инструментов блока и столбца настроек мультимедиа в правой части экрана.
Оттуда вы можете отрегулировать ширину видео, изменить выравнивание, сделать его полной ширины и многое другое.
Вы также можете добавить подпись к видео и сохранить соотношение сторон для людей, просматривающих его на мобильных устройствах.
Использовать функцию автоматического встраивания WordPress можно только для видеоплатформ из белого списка, в том числе:
- YouTube
- Giphy
- TED
- Vimeo и др.
Вы можете найти полный список поставщиков видеоуслуг для WordPress из белого списка здесь.
Если сайта, с которого вы хотите встроить видео, нет в этом списке, вам необходимо получить полный HTML-код для встраивания непосредственно с этой платформы.
Затем вставьте код в новый блок Custom HTML в редакторе WordPress.
После этого давайте посмотрим, как вы можете встроить видео с YouTube в качестве виджета на свой сайт.
Подобно сообщениям и страницам WordPress, вы можете так же легко встроить видео YouTube в виде виджета на боковую панель WordPress.
Для этого перейдите к Внешний вид » Виджеты из панели инструментов WordPress, чтобы вы могли получить доступ к своей области виджетов.
После этого, в зависимости от настроек вашей темы WordPress, вы можете выбрать, где вы хотите отображать ленту YouTube.
Чтобы отобразить его на боковой панели, щелкните панель Sidebar .
Или вы можете вместо этого выбрать Нижний колонтитул , если вы хотите встроить туда свое собственное видео.
В нашем примере мы будем использовать боковую панель.
Теперь щелкните значок плюс (+) внизу, чтобы добавить виджет.
Из вариантов выберите виджет Абзац и затем вставьте ссылку на ваше видео на YouTube.
WordPress автоматически найдет код для встраивания и отобразит предварительный просмотр вашего видео в области содержимого виджета.
Убедитесь, что вы нажали кнопку Обновить , чтобы сохранить настройки виджета. Затем вы можете посетить свой веб-сайт, чтобы увидеть видео, встроенное в боковую панель.
Встраивание видеопотоков YouTube в WordPress (лучший способ)
Хотя встраивание отдельных видео в WordPress довольно простое, добавление видео YouTube вручную не так просто.
Если вы хотите встроить ленту YouTube для отображения ваших последних видео, вам нужно будет нанять разработчика, который поможет вам.
Это связано с тем, что для ручного встраивания каналов YouTube в WordPress требуются знания в области кодирования, а это не то, с чем имеет опыт каждый владелец веб-сайта.
Но не волнуйтесь. Есть лучший и простой способ , который позволяет добавлять привлекательные видеопотоки на ваш сайт WordPress всего за несколько кликов.
И это использование плагина WordPress для встраивания видеопотоков YouTube на ваш сайт.
YouTube Feed Pro — лучший плагин WordPress для YouTube , который позволяет отображать полностью настраиваемые каналы YouTube на вашем веб-сайте.
Благодаря множеству настроек, макетов и стилей вы можете легко встраивать свои видеопотоки, чтобы они выглядели так, как вам нравится. Это означает, что ваши фиды будут отлично выглядеть сразу после установки, не требуя технических знаний CSS, HTML или других языков программирования.
Вы можете встраивать не только обычные видеопотоки.
Расширяя функциональность вашего сайта, YouTube Feed Pro также позволяет:
- Объединять каналы с нескольких каналов YouTube в один канал
- Показывать канал текущих и будущих прямых трансляций YouTube, чтобы вам не приходилось встраивайте отдельные видео каждый раз, когда вы выходите в эфир
- Создавайте настраиваемые видеопотоки, используя расширенные поисковые запросы YouTube
Вы также можете преобразовать видеоданные из своего фида в пользовательский тип публикации, чтобы ваши видео отображались в вашей обычной ленте постов WordPress и поиске по сайту .
Это может принести пользу поисковой оптимизации вашего сайта, поскольку создает постоянную ссылку на ваш сайт для поисковых систем, которые могут сканировать и индексировать.
Лучшая часть? Вы даже можете использовать плагин, чтобы изменить, будет ли ваше встроенное видео YouTube воспроизводиться автоматически или по клику, даже если вы не разбираетесь в технологиях.
Как видите, YouTube Feed Pro позволяет создавать, настраивать и вставлять похожие видео на свой сайт, даже не зная программирования, HTML-кода или iFrame. Это самый быстрый способ для новичков отображать свой контент YouTube на WordPress.
Теперь, когда вы знаете, почему встраивание видеопотоков YouTube в WordPress проще с помощью плагина, давайте посмотрим, как это сделать.
Добавьте видеопоток YouTube в WordPress
Для начала получите копию YouTube Feed Pro здесь, а затем установите плагин на свой сайт WordPress.
Вы можете ознакомиться с этим пошаговым руководством по установке плагина WordPress, если вам нужна помощь.
После того, как вы установили и активировали плагин, перейдите к YouTube Feed » All Feeds , а затем создайте новый канал, нажав кнопку Добавить новый .
После этого вы можете выбрать тип канала YouTube, который вы хотите отображать в WordPress. С YouTube Feed Pro вы можете выбрать один из 6 вариантов:
- Канал: Показать видео с выбранного канала YouTube
- Список воспроизведения: Выбрать список воспроизведения YouTube и показать его видео
- Избранное: Встроить видео галерея ваших любимых видео на YouTube
- Поиск: Показать ленту видео с определенными поисковыми словами или фразами
- Прямые трансляции: Показать текущие и прошлые прямые трансляции с канала YouTube
- Отдельные видео: Показать ленту индивидуально выбранных видео
Выберите здесь тип канала, а затем нажмите Далее , чтобы продолжить.
В нашем примере мы будем использовать канал Channel .
Затем вы можете добавить источник для своего канала YouTube, чтобы он мог показывать видео YouTube на вашем сайте WordPress.
Здесь вы можете выбрать один из 2 источников:
- Добавьте свой ключ API
- Подключите свою учетную запись YouTube
Чтобы получить доступ ко всем типам каналов YouTube, вы можете нажать здесь опцию Добавить ключ API .
Вы можете узнать, как это сделать, в этом руководстве по созданию и использованию API YouTube.
После этого просто вставьте ключ API во всплывающее окно и нажмите Добавить .
Или вы можете нажать на Подключить учетную запись YouTube вместо 9кнопка 0019.
Таким образом, вы можете использовать собственную учетную запись YouTube вместо создания ключа API.
После этого плагин откроет YouTube и запросит доступ только для чтения к вашему аккаунту.
Используя этот доступ, он не может вносить какие-либо изменения и будет только просматривать информацию о YouTube.
Чтобы продолжить, нажмите кнопку Продолжить во всплывающем окне.
Затем вы можете выбрать, какой канал YouTube, плейлист, прямую трансляцию, отдельное видео и многое другое вы хотите встроить.
Для канала YouTube просто откройте канал в браузере и найдите URL вверху.
В этом URL-адресе найдите /user/ или /channel/ и скопируйте все после этого.
Затем вернитесь на свой веб-сайт еще раз, а затем вставьте его во всплывающее окно, прежде чем нажать Далее .
Таким образом, вы создали канал YouTube и подключили его к источнику. Теперь вы можете использовать YouTube Feed Pro, чтобы настроить дизайн новой ленты.
Настройте свою ленту видео YouTube Теперь вы готовы перейти к настройке своей ленты. Для начала вы можете выбрать из коллекции шаблонов фидов с уникальным дизайном.
Просто выберите нужный шаблон, а затем нажмите Далее .
Затем YouTube Feed Pro покажет вам визуальный редактор, который вы можете использовать для настройки дизайна вашего нового канала.
Отсюда вы можете найти параметры настройки на левой панели настройщика каналов. Вы можете использовать эти параметры, чтобы изменить макет фида, форматирование, цветовую схему, дизайн заголовка, размер фида и многое другое — просто щелкнув.
Когда вы используете эти параметры настройки, вы можете отслеживать изменения с помощью предварительного просмотра справа.
Готовы настроить канал YouTube?
Сначала щелкните параметр Feed Layout на левой панели, чтобы начать работу.
Здесь вы можете выбрать один из способов отображения канала YouTube. С этим плагином вы получаете 4 варианта макета: Сетка , Галерея , Список и Карусель 9.0019 .
Выберите любой макет, который вы предпочитаете, а затем нажмите кнопку Сохранить .
После этого нажмите кнопку Настроить вверху, чтобы продолжить редактирование канала.
Теперь вы можете использовать оставшиеся параметры настройки канала YouTube.
Просто нажмите на опцию Заголовок слева, чтобы продолжить.
Чтобы отобразить заголовок в верхней части вашего канала YouTube, вы можете переключить параметр Включить здесь.
Ниже вы можете выбрать между заголовком Standard с названием и значком вашего канала и заголовком Text .
Вы также можете выбрать отображение Описание канала или количество подписчиков .
Наконец, нажмите Сохранить , чтобы подтвердить новый дизайн заголовка.
Точно так же вы можете использовать оставшиеся параметры настройки, чтобы установить цветовую схему, размер ленты, стиль публикации, загрузить дополнительные кнопки и многое другое.
Затем, когда вы довольны своей лентой, нажмите кнопку Сохранить еще раз.
Наконец, вы можете перейти к последнему шагу и встроить ленту YouTube в WordPress.
Встраивание вашего видеоканала YouTube в WordPressЧтобы встроить видеоканал YouTube в WordPress, начните с нажатия кнопки Встроить в верхней части редактора прямых трансляций.
Теперь здесь вы можете выбрать местоположение своего канала YouTube.
Если вы хотите встроить ленту YouTube на страницу WordPress, нажмите кнопку Добавить на страницу опцию здесь.
Вы также можете встроить каналы YouTube в боковую панель или нижний колонтитул в качестве виджета YouTube. Для этого вместо этого нажмите на опцию Добавить в виджет .
В этом уроке мы возьмем страницу WordPress.
Затем выберите страницу, на которую вы хотите встроить свой канал YouTube, и нажмите Добавить .
Плагин теперь будет открывать эту страницу в редакторе контента WordPress.
Затем в редакторе нажмите кнопку плюс значок (+) , чтобы добавить новый блок контента WordPress.
Затем в поле поиска введите «youtube feeds», чтобы найти блок Feeds for YouTube .
Когда вы щелкаете блок в редакторе Gutenberg, WordPress автоматически добавляет ваш видеопоток YouTube в редактор контента с предварительным просмотром того, как он будет выглядеть на вашем веб-сайте в реальном времени — шорткод не требуется.
Теперь нажмите кнопку Обновить или Опубликовать вверху, и ваш канал YouTube будет онлайн.
Если вы откроете свой веб-сайт, вы сможете увидеть, как выглядит ваша лента. Посетители вашего сайта могут просто щелкнуть миниатюру вашего видео, и он воспроизведет видео прямо на вашем сайте.
Давайте рассмотрим следующий способ встраивания контента YouTube на ваш сайт.
Как отобразить плейлист YouTube в WordPress
Если вы хотите встроить плейлист YouTube в WordPress, вы также можете сделать это с помощью плагина YouTube Feed Pro.
Сначала откройте свой плейлист YouTube, а затем найдите URL вверху.
Оттуда найдите « ?list= », а затем скопируйте все после этого.
Как и выше, перейдите в меню YouTube Feed » All Feeds в области панели инструментов WordPress, а затем нажмите кнопку Add New .
Вместо выбора типа макета «Канал», выберите здесь тип Playlist .
После этого нажмите Далее , чтобы продолжить.
После этого вставьте ID, который вы скопировали ранее в поле Playlist ID .
Затем нажмите Далее , чтобы продолжить.
После этого вы можете выбрать шаблон фида и приступить к настройке дизайна фида плейлиста YouTube.
Как и в случае с лентой вашего канала, для этого вы можете использовать настройщик прямой трансляции.
Встраивание плейлиста YouTube в WordPress с помощью плагина YouTube Feeds аналогично встраиванию фида вашего канала.
Всего за несколько кликов вы можете отобразить плейлист YouTube на своем веб-сайте WordPress, вот так:
Вот оно!
Теперь вы знаете, как встроить видео с YouTube в WordPress, а с помощью мощного плагина Smash Balloon YouTube Feed Pro вы можете полностью контролировать, какой контент отображать на вашем сайте и как он выглядит.
После этого вы сможете получить больше подписчиков, повысить количество просмотров, повысить конверсию посетителей и многое другое, чтобы с легкостью развивать свой бизнес.
Готовы создавать привлекательные каналы YouTube? Начните работу с YouTube Feed Pro здесь.
Вы также можете прочитать следующий пост о том, как добавить плейлист YouTube в Elementor.
Ваши встроенные видео не отображаются? Эта статья о том, как исправить неработающую вставку YouTube, может вам помочь.
И если вам понравилась эта статья, не стесняйтесь подписаться на нас в Twitter и Facebook для получения дополнительных полезных руководств.
Добавить видео с YouTube
Добавить видео с YouTubeС помощью компонента YouTube Video вы можете легко встроить видео на любой веб-сайт.
Предупреждение: Вы можете добавить несколько видео на одну страницу, но не следует добавлять видео на защищенные страницы, так как видео обслуживаются непосредственно через YouTube.
Доступ к окну редактора содержимого.
При желании добавьте вводный текст.
- Поместите курсор туда, куда вы хотите вставить видео.
Щелкните , Компоненты.
Нажмите второй вариант «Расширения» > «Видео YouTube». Откроется окно выбора встроенного компонента YouTube.
Ознакомьтесь с Условиями использования YouTube. Закройте окно «Условия использования», когда закончите.
Найдите видео для встраивания:
Введите ключевое слово (слова) или автора (авторов) или и то, и другое для проведения поиска.
Примечание: Поиск с использованием нескольких критериев, таких как ключевое слово и автор, будет возвращать только видео с метаданными, которые включают ключевое слово И имеют точное совпадение с автором. Например, при вводе «Майкл Джордан» отображаются видео «Майкл Джордан», а не Майкл или Джордан.
Нажмите Поиск на YouTube.
Просмотрите список отображаемых видео и найдите видео, которое хотите встроить.
Перетащите ваш выбор в зону перетаскивания слева от вас. Видео начнет воспроизводиться.
Чтобы использовать другое видео, перетащите его поверх существующего видео.
Настройте дополнительные параметры, если необходимо:
Щелкните дополнительные параметры…
Установите флажок Автовоспроизведение видео, если вы хотите, чтобы видео автоматически начинало воспроизводиться при загрузке страницы.
Предупреждение: Никогда не используйте эту опцию для нескольких видео на странице.
Снимите флажок «Скрыть похожие видео», если вы не хотите, чтобы связанные видео появлялись после завершения воспроизведения видео.
При необходимости введите новые размеры высоты и ширины.
