Видео тег с элементами управления не может быть кликабельным, если у родителя есть стили 'will-change: transform' в Chrome v70

Когда я щелкаю значок меню html5 video control (значок в виде трех вертикальных точек), он обычно показывает ссылку "Скачать и PinP",

видео изображение 2

Но когда я ставлю style="will-change: transform;" атрибуты на родительском теге видео, затем значок меню не активируется (не отвечает)

видео изображение

Кто-нибудь сталкивается с этой проблемой? или есть ли обходной путь, чтобы избежать нажатия на значок меню не отвечает? пожалуйста, дай мне знать:)

<div style="will-change: transform;">
  <video src="https://video.twimg.com/tweet_video/DpDzahXU8AAb81_.mp4" controls></video>
</div>

Также размещен минимальный воспроизводимый код для кодирования

https://codepen.io/subuta-1471420899/pen/VVXvQY

Браузеры

Протестировано и воспроизводимо для следующих версий Chrome(протестировано с помощью BrowserStack env.)

  • Версия 70.0.3538.110 Mac OS X High Sierra Версия: 10.13.6 (17G65)
  • Версия 69.0.3497.92 для Windows 10
  • Версия 70.0.3538.67 Windows 10
  • Версия 71.0.3578.20 Windows 10

Дополнительная информация

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

Когда свернуть высоту окна

0 ответов

Другие вопросы по тегам