Видео YouTube вставляется через iframe, но он не адаптивен по высоте. Если задать width=»100%» , то он растянется на всю ширину родителя, но для высоты hight=»100%» не работает. Это ведет к тому что на мобильных блок слишком высокий с черными отступами.
Далее приведено несколько примеров как это исправить, а также вывести несколько блоков в одну линию.
Автоматическая высота видео
.video < margin-bottom: 20px; >.video-wrp < position: relative; padding-top: 56.25%; >.video-wrp iframe
Видео по центру с максимальной шириной
Если сайт «резиновый», то лучше задать максимальную ширину видео в 800-1000px и отценровать, чтобы оно не было слишком большим. В примере максимальная ширина 600px.
.video < max-width: 600px; margin: 0 auto 20px; >.video-wrp < position: relative; padding-top: 56.25%; >.video-wrp iframe
Два видео в ряд
.video_2 < overflow: hidden; >.video_2-row < margin: 0 -10px 0 -10px; >.video_2-col < float: left; width: 50%; margin-bottom: 20px; >.video_2-wrp < position: relative; padding-top: 56.25%; margin: 0 10px 0 10px; box-sizing: border-box; >.video_2-wrp iframe
Три видео в ряд
.video_3 < overflow: hidden; >.video_3-row < margin: 0 -10px 0 -10px; >.video_3-col < float: left; width: 33.3%; margin-bottom: 20px; >.video_3-wrp < position: relative; padding-top: 56.25%; margin: 0 10px 0 10px; box-sizing: border-box; >.video_3-wrp iframe
При ширине от 1200px вывод в две колонки, от 800px – в одну:
Как растянуть видео на весь экран в YouTube
Источник: snipp.ru
Браузерная версия YouTube теперь адаптируется под вертикальные видео
YouTube смирился с популярностью формата вертикальных видео на мобильных приложениях и теперь поддерживает его в полной мере на PC. На сайте появилось обновление, которое делает веб-версию YouTube более подходящей для видео с различным соотношением сторон.
Теперь, если вы смотрите клип снятый вертикально, то YouTube автоматически увеличивает размер, убирая черные рамки по сторонам. Это не заставит вас забыть о том, что данное видео предназначено для смартфона, зато будет выглядеть лучше.
Кроме того изменения касаются и обычных видео 16:9, используя дополнительное пространство для расширения картинки, так что рука не сразу потянется кликать на увеличение.
Несмотря на это, помните, что если снимаете на смартфон видео, которое предназначено для размещения в сети, поверните девайс горизонтально.
Больше статей на Shazoo
- Операторы: Telegram впервые вошел в топ-3 сервисов по объему трафика в России
- Исследование: «ВКонтакте» обгоняет Telegram по среднемесячной аудитории в России — 87.6 против 81.2 млн пользователей
- YouTube перестанет отображать рекомендации на главной в случае отключения истории просмотров
Источник: shazoo.ru
Туториал как сделать видео на весь экран #myrobloxavatar #хочуврек #shorts #roblox #jaisha_rblx
YouTube теперь с поддержкой полного экрана в вертикальных видео
Google добавляет новые функции в последнюю версию приложения YouTube
Google люди запустили новая версия приложения YouTube для iOS-устройств AppleСреди основных новинок, включенных в это обновление, мы можем выделить возможность просмотра видео в полноэкранном режиме, когда устройство, iPhone, iPad или iPod touch, находятся в вертикальном или портретном режиме.
Благодаря этому обновлению приложение достигает версии 10.28, и хотя его новости официально не отображаются в улучшениях обновления, вы можете пользоваться ими. Чтобы обновить приложение, вы можете получить доступ к приложению App Store или активировать автоматические обновления через Настройки> iTunes и App Store> Автоматические загрузки> Обновления. Знать все новости этого приложения и скачать его ниже.
Что вы можете сделать с приложением YouTube для iOS?
Для тех, кто не знает ее, YouTube Это известный сайт для загрузки и просмотра видео онлайн. скачать официальное заявление YouTube для iPhone и iPad и вы можете стать диджеем, выучить кунг-фу и поделиться результатом с друзьями без головной боли, это так просто. Не пропустите ни одно из ваших любимых видео и плейлистов со всего мира, неважно, отдыхаете ли вы на диване, выпиваете на кухне или путешествуете по столу, и все это, не выходя из вашего устройства iOS.
Среди основных функций, которыми вы можете пользоваться в этом приложении, вы можете найти:
- Отныне вы можете искать видео во время просмотра другого.
- Подпишитесь на ваши любимые каналы, и вы можете легко получить к ним доступ из руководства.
- Пожалуйста, войдите в систему, чтобы увидеть список «Посмотреть позже».
- Ищите плейлисты и используйте кнопку для воспроизведения всех ваших видео … какой смысл ограничивать веселье?
- Поделиться видео в Google+, Facebook, Twitter и по почте.
Что нового в версии 10.28 YouTube
С версией 10.28 YouTube на iOS прибывает Поддержка просмотра видео в вертикальном или полноэкранном режиме.До тех пор, пока iPhone или iPad находятся в портретном или вертикальном режиме. В случае, когда устройство находится в альбомном режиме, видео будут адаптироваться к размеру экрана, используя технику почтового ящика. В дополнение к этому исправлению для вертикальных видео, это новое обновление сейчас позволяет активировать уведомления в приложении, чтобы мы могли получать информацию о новых видео, опубликованных по каналам, на которые мы подписаны.
Источник: tehnografi.com