无法禁用 youtube 视频中的控件

Question

我正在运行在 YouTube 页面上设置 content.js，我希望它禁用 YouTube 视频的控件。我通过 video=document.querySelector('video') 获取视频；并在尝试执行时：video.controls=false；它不起作用。希望得到一些帮助

这是我运行 youtube 控制台上的代码时的视频标签：

Answer 1

let video = document.getElementById('vid');
video.removeAttribute('controls')

<div style="display:flex;flex-direction:column">
  Vid 1 :
  <video id="vid" controls>
    <source src="#" />
  </video>
  Vid 2 :
  <video id="vid2" controls>
    <source src="#" />
  </video>
</div>

See this post，在你的 <video> 标签上，你不想放 controls 如果你不想要它们
快速示例：

<video width="400px" height="400px" controls> // this will show controls
   <source src="link" />
</video>
<video width="400px" height="400px"> // this won't show controls
   <source src="link" />
</video>

Answer 2

我听取了@wOxxOm 的建议并弄清楚了如何隐藏播放按钮和时间轴栏。

这里是使用的代码：

playButton=document.getElementsByClassName("ytp-play-button ytp-button")[0];
bar=document.getElementsByClassName("ytp-progress-bar-container")[0];

playButton.style.display="none";
bar.style.display="none";

无法禁用 youtube 视频中的控件

Can't disable controls in a youtube video

javascript

html

google-chrome-extension

html5-video