Рано или поздно любой начинающий верстальщик или дизайнер в конструкторе сайтов сталкивается с проблемой вставки видео с youtube. Проблема связана с некорректным отображением на разных устройствах.
В этой статье я расскажу, как правильно вставлять YouTube-ролики и помогу настроить параметры самого видео.
Шаг первый. Копируем код видео
Этот код представляет из себя «включаемую область», которая не умеет адаптироваться под своё внутреннее содержимое. Браузеры при отображении этой области в первую очередь смотрят на её параметры ширины и высоты, которые заданы в соответствующих атрибутах width и height.
Эти значения вскоре нам понадобятся.
Шаг второй. Адаптируем видео
Чтобы заставить браузер отображать видео при любых размерах и с соблюдением пропорций, нам потребуется:
Как скрыть элементы управления в плеере Ютуб
Создать блок с фиксированной пропорцией ширины и высоты.
Пропорция задаётся с помощью css свойства padding-top, где в значении указывается процентное соотношение высоты видео к его ширине. Посчитать не сложно, нужно всего лишь высоту видео разделить на его ширину и результат перевести в проценты.
Для видео из примера получится:
720 / 1280 = 0.5625 = 56.25%
Растянуть включаемую область по всему размеру фиксированного блока
Делается это также с помощью css свойств
в итоге должен получится следующий код
Источник: dojo-media.ru
Как скрыть «Что посмотреть» на YouTube с помощью CSS?
Я использую Stylish для настройки того, как выглядит моя домашняя страница YouTube (подписки). На странице http://www.youtube.com/feed/subscriptions я хочу скрыть вкладку “Что посмотреть”.
Это то, что я нашел.
What to Watch
Если я просто использую это:
.yt-uix-button-content < display:none; >
он скрывает кнопку “Загрузить”.
Есть ли способ включить текст “Что посмотреть” в коде или это невозможно?
Вы должны использовать CSS-путь и “: first-child”:
body div#appbar-content div#appbar-nav li:first-child span.yt-uix-button-content
Этот немного более специфичный селектор CSS работал для меня:
#appbar-nav span.yt-uix-button-content
Источник: techarks.ru
Управление громкостью YouTube и другими настройками с панели инструментов [Chrome]
YouTube позволяет управлять громкостью видео независимо друг от друга, т. Е. Если у вас есть видеоролики, открытые на нескольких вкладках, вы можете установить разный уровень громкости для каждой из них. Во многих случаях, например, когда вы выполняете несколько задач, вы можете предпочесть прослушать видео, а не смотреть его, чтобы вы могли работать на другой вкладке.
Все это работает нормально, пока вам не придется останавливать видео и / или воспроизводить другое. Вам не только нужно остановить то, над чем вы работаете, но, если у вас есть что-то вроде миллиона открытых вкладок в сотне окон (гипотетические цифры, используемые в качестве примера), вам нужно найти вкладку, прежде чем вы сможете воспроизвести видео. Контроллер громкости YouTube, расширение Chrome, добавляет кнопку рядом с адресной строкой, которая открывает дополнительную панель управления для всех открытых вами видеороликов YouTube на вкладках и в окнах. Элементы управления позволяют вам изменять общие настройки видео, такие как уровень громкости, а именно воспроизведение, паузу, зацикливание или перемотку вперед и назад на 5 секунд.
После установки расширение добавит квадратную кнопку с символом нотной ноты оттавы рядом с адресной строкой. Нажмите кнопку, и откроется всплывающее окно; регуляторы громкости расположены вверху, за ними следует небольшая панель для каждого соответствующего видео, которое вы открыли. Обратите внимание, что видео различаются по названию, и нет предварительного просмотра эскизов. Если у вас открыты разные версии или серия видео, вам нужно будет прочитать заголовок, чтобы узнать, какой из них вы контролируете.
Каждый элемент управления видео имеет свой собственный набор элементов управления. Вы заметите большой слайдер; это регулирует громкость для этого конкретного видео. Регуляторы громкости вверху предназначены для изменения громкости на всех вкладках, в то время как этот ползунок громкости предназначен для соответствующего видео. Поле «Перейти к» – это панель поиска для видео, которая позволяет перейти к любой части видео. Видео можно закрывать, перезапускать (воспроизводить с начала, страница не обновляется), воспроизводить повторно (воспроизводить видео в цикле), отключать звук, ставить на паузу и пропускать вперед или назад на 5 секунд.
Программы для Windows, мобильные приложения, игры — ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале — Подписывайтесь:)
Это расширение похоже на Video Controller, о котором мы говорили ранее, но предлагает пользователям больше элементов управления. YouTube Volume Controller – удобное расширение, и хотя название подразумевает только то, что вы можете регулировать громкость, оно поддерживает почти все действия с видео на YouTube.
Источник: myroad.club