如何在视频上禁用“在单独的窗口中显示视频”图标

Question

我在页面上有一个video标签，用于带有muted，autoplay和loop标签的短背景无缝循环动画。我正在寻找一种解决方案，以在Opera和Yandex等移动和台式铬驱动的浏览器上隐藏此涂油弹出图标。

我尝试使用阴影DOM和伪元素-它不起作用；

    video::-webkit-media-controls-panel,
    video::-webkit-media-controls {

        display: none !important;
        -webkit-appearance: none !important;

        #shadow-root,
        #video-detach-button {
            display: none !important;
        }
    }

Answer 1

我也需要帮助，例如在yandex Im中尝试带有背景视频的网站时，问题是yandex将两个按钮“视频放置在单独的窗口中”，还将“添加到收藏集”放置在我的视频上方和用户菜单上方需要浏览网站。

有可能用脚本将它们隐藏在后面，并用zindex隐藏它们，或者将它们重新放置在顶部以外的其他位置，因为它们正位于我的测试站点菜单上。

请下载yandex浏览器，您会看到我无法按上方菜单中的链接，因为菜单上方。.

非常感谢您的帮助。