如何使用 Javascript 禁用 Chrome 媒体控制按钮? (阻止它显示视频或音频播放的名称)

How to disable Chrome Media Controls button with Javascript? (Stop it from showing names of videos or audio playing)

我正在开发一款可显示 YouTube 和 Vimeo 视频的网页游戏。重要的是用户不能看到 YouTube 视频的标题,他们可以在单击 右上角的 媒体控件 按钮时完全做到这一点 chrome browser. 附上的截图显示了我的意思。我不希望弹出窗口发生。任何想法或潜在的解决方案将不胜感激。

[![左边3小节的音符是我要删除的][1]][1]

最坏的情况是我必须能够检测到它何时发生,以便我可以通过 Javascript 采取预防措施。

请提供任何答案。我找不到与此相关的任何其他论坛。

我现在能想到的唯一方法是用你的覆盖活动的 mediaSession 元数据。
为此,您需要从您的页面播放一个音频文件(最好是一个简短的,也许只是无声的)。

// set the mediaSession's metadata to an empty MediaMetadata
navigator.mediaSession.metadata = new MediaMetadata({});
// we need to start playing an audio so that our metadata is set
const aud = new Audio("silence.mp3");
aud.loop();
aud.play(); // this requires the user already interacted with your page

Outsourced live example 因为 StackSnippets 的 iframe 不允许 YT 的嵌入式视频。