使用javascript切换全屏浏览器在网络浏览器中播放的youtube视频

Question

我使用以下内容在浏览器中切换全屏youtube视频。但这行不通。你知道为什么吗？

document.querySelector(".ytp-fullscreen-button.ytp-button").Click

但是隐藏式字幕的切换有效：

document.querySelector(".ytp-subtitles-button.ytp-button").Click 

以下代码取自youtube浏览器dom：

<button class="ytp-fullscreen-button ytp-button" title="Full screen (f)"><svg height="100%" version="1.1" viewBox="0 0 36 36" width="100%"><g class="ytp-fullscreen-button-corner-0"><use class="ytp-svg-shadow" xlink:href="#ytp-id-56"></use><path class="ytp-svg-fill" d="m 10,16 2,0 0,-4 4,0 0,-2 L 10,10 l 0,6 0,0 z" id="ytp-id-56"></path></g><g class="ytp-fullscreen-button-corner-1"><use class="ytp-svg-shadow" xlink:href="#ytp-id-57"></use><path class="ytp-svg-fill" d="m 20,10 0,2 4,0 0,4 2,0 L 26,10 l -6,0 0,0 z" id="ytp-id-57"></path></g><g class="ytp-fullscreen-button-corner-2"><use class="ytp-svg-shadow" xlink:href="#ytp-id-58"></use><path class="ytp-svg-fill" d="m 24,24 -4,0 0,2 L 26,26 l 0,-6 -2,0 0,4 0,0 z" id="ytp-id-58"></path></g><g class="ytp-fullscreen-button-corner-3"><use class="ytp-svg-shadow" xlink:href="#ytp-id-59"></use><path class="ytp-svg-fill" d="M 12,20 10,20 10,26 l 6,0 0,-2 -4,0 0,-4 0,0 z" id="ytp-id-59"></path></g></svg></button>

Answer 1

我发现如果我双击播放器，它将进入全屏显示状态。这样更加方便。