Как работает функция «прокрутки для деталей» на Youtube? - PullRequest
0 голосов
/ 17 ноября 2018

Youtube выпустил новую функцию - возможность прокручивать страницу во время просмотра видео в полноэкранном режиме (ниже показан экран).

У меня есть html5-плеер на моем веб-сайте, и я хочу реализоватьта же прокрутка в полноэкранном режиме.

В данный момент я понятия не имею, как это сделал Youtube.Кто-нибудь может мне это объяснить?enter image description here

1 Ответ

0 голосов
/ 17 ноября 2018

Похоже, происходит то, что элемент, становящийся полноэкранным, на самом деле является оберткой вокруг видеопроигрывателя, комментариев и т. Д. Youtube меняет проигрыватель на театральную версию и подгоняет его под экран, но прокрутка показывает остальную частьконтент, который был сделан в полноэкранном режиме.

Я нашел эту скрипку, показывающую полноэкранную демонстрацию, и добавил ее, чтобы показать концепцию: http://jsfiddle.net/krtw58z0/

requestFullScreen получаетвызывается на элемент обтекания.Фиктивный «видеоплеер» можно стилизовать, как нам угодно (я установил ширину до 100% в полноэкранном режиме), и вы все еще можете прокручивать, чтобы просмотреть другие дочерние элементы.

Документы: https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...