使用shadow dom在Safari中隐藏html5视频中的全屏按钮

Question

我想在 Safari 浏览器中隐藏 HTML5 视频控件中的全屏按钮。我找到了 Shadow dom 元素

<div class="controls-bar top-left" role="group">...</div>

，其中包含全屏按钮的控件。但我没有找到任何方法将 css 应用于这些元素。在调试模式下，我应用了运行良好的 css 运行时。但我不知道如何为shadow dom元素编写css查询。有没有办法将CSS应用于shadow dom元素？我编写了下面的 css 来隐藏按钮，但无法工作。

<style>
.media-controls.inline.uses-ltr-user-interface-layout-direction > .controls-bar.top-left {display : none;}
</style>

提前致谢。

Answer 1

0
投票

videoRef.current?.parentElement?.requestFullscreen();