Как YouTube реализует ссылку, каждый раз, когда пользователь нажимает кнопку настройки, появляется меню настроек? - PullRequest
0 голосов
/ 17 марта 2020

Я хочу знать, как меню выскочило на YouTube,

enter image description here

, поэтому я осмотрел кнопку настройки на YouTube, и я получил this

<html>
 <head></head>
 <body>
  <button class="ytp-button ytp-settings-button" aria-haspopup="true" aria-owns="ytp-id-20" data-tooltip-target-id="ytp-settings-button" aria-label="Settings" style="" title="Settings">
   <svg height="100%" version="1.1" viewbox="0 0 36 36" width="100%">
    <use class="ytp-svg-shadow" xlink:href="#ytp-id-21"></use><path d="m 23.94,18.78 c .03,-0.25 .05,-0.51 .05,-0.78 0,-0.27 -0.02,-0.52 -0.05,-0.78 l 1.68,-1.32 c .15,-0.12 .19,-0.33 .09,-0.51 l -1.6,-2.76 c -0.09,-0.17 -0.31,-0.24 -0.48,-0.17 l -1.99,.8 c -0.41,-0.32 -0.86,-0.58 -1.35,-0.78 l -0.30,-2.12 c -0.02,-0.19 -0.19,-0.33 -0.39,-0.33 l -3.2,0 c -0.2,0 -0.36,.14 -0.39,.33 l -0.30,2.12 c -0.48,.2 -0.93,.47 -1.35,.78 l -1.99,-0.8 c -0.18,-0.07 -0.39,0 -0.48,.17 l -1.6,2.76 c -0.10,.17 -0.05,.39 .09,.51 l 1.68,1.32 c -0.03,.25 -0.05,.52 -0.05,.78 0,.26 .02,.52 .05,.78 l -1.68,1.32 c -0.15,.12 -0.19,.33 -0.09,.51 l 1.6,2.76 c .09,.17 .31,.24 .48,.17 l 1.99,-0.8 c .41,.32 .86,.58 1.35,.78 l .30,2.12 c .02,.19 .19,.33 .39,.33 l 3.2,0 c .2,0 .36,-0.14 .39,-0.33 l .30,-2.12 c .48,-0.2 .93,-0.47 1.35,-0.78 l 1.99,.8 c .18,.07 .39,0 .48,-0.17 l 1.6,-2.76 c .09,-0.17 .05,-0.39 -0.09,-0.51 l -1.68,-1.32 0,0 z m -5.94,2.01 c -1.54,0 -2.8,-1.25 -2.8,-2.8 0,-1.54 1.25,-2.8 2.8,-2.8 1.54,0 2.8,1.25 2.8,2.8 0,1.54 -1.25,2.8 -2.8,2.8 l 0,0 z" fill="#fff" id="ytp-id-21"></path>
   </svg></button> 
 </body>
</html>

Затем я искал "ytp-settings-button", получил только один удар, как показано ниже.

enter image description here

Я также искал "ytp-id-21", но также не дает никакой информации об этом всплывающем меню.

, поэтому я искал "скорость воспроизведения", затем я получил это

<div class="ytp-menuitem-label">
    Playback speed
   </div>

Это внутри большого контейнера

<div class="ytp-popup ytp-settings-menu" data-layer="6" id="ytp-id-20" style="width: 251px; height: 217px; display: none;">
...
  </div>

Я почти уверен, что это всплывающее меню, которое я ищу.

, затем я искал "ytp-settings-menu", ключ снова отключился.

Как YouTube реализует ссылку, каждый раз, когда пользователь нажимает кнопку настройки, появляется меню настройки?

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