Как скрыть в видео с youtube верхнюю и нижнюю строку?

Ссылка скопирована
1 ответ

чтобы не было видно ,что обрезается текст на самом видео
Тоесть они по умолчанию показываются

Дополнительно:

пример можно ?

  • xotkot, https://jsbin.com/lejuzafowi/edit?html,output
  • olya_097, если вы про элементы что накладывает сам ютуб то попробуйте в конец урла добавить нужные параметры
  • Нужно решить такую задачу?

    Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

    Заказать помощь
    Лучший ответ
    1
    Юрий Linux Ответ

    Для скрытия верхней и нижней строки в видео с YouTube, можно использовать CSS и JavaScript. Сначала нужно найти элементы, соответствующие верхней и нижней панелям видео. Обычно это элементы с классами "ytp-chrome-top" и "ytp-chrome-bottom".

    Пример кода на JavaScript, который скроет верхнюю и нижнюю панели:

    var video = document.querySelector('iframe');
    video.onload = function() {
      var iframe = video.contentDocument || video.contentWindow.document;
      var style = iframe.createElement('style');
      style.innerHTML = ".ytp-chrome-top, .ytp-chrome-bottom { display: none !important; }";
      iframe.head.appendChild(style);
    };

    var video = document.querySelector('iframe'); video.onload = function() { var iframe = video.contentDocument || video.contentWindow.document; var style = iframe.createElement('style'); style.innerHTML = ".ytp-chrome-top, .ytp-chrome-bottom { display: none !important; }"; iframe.head.appendChild(style); };

    Этот код будет применять стили к элементам с классами "ytp-chrome-top" и "ytp-chrome-bottom", скрывая их из видимости. Поместите этот скрипт на страницу, где размещено видео с YouTube, и он автоматически скроет верхнюю и нижнюю строку при загрузке видео.

    Также можно использовать CSS, чтобы скрыть эти элементы:

    .ytp-chrome-top, .ytp-chrome-bottom {
      display: none !important;
    }

    .ytp-chrome-top, .ytp-chrome-bottom { display: none !important; }

    Примените этот CSS к странице с помощью тега или добавьте его в ваш файл стилей.

    Таким образом, вы можете скрыть верхнюю и нижнюю панели в видео с YouTube, делая просмотр более комфортным для зрителей.

    Другие ответы (0)

    Пока нет других ответов. Будьте первым, кто поможет автору.

    Ответить на вопрос

    комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *

    Вам также может быть интересно