我正在尝试检测YouTube中" More Video"栏的状态,YouTube中显示了一个显示您在暂停暂停时显示的一个。否则条形或不可见,按钮仅显示。(显示:块或显示:无)我想知道按钮显示时,这意味着用途将"更多视频"栏最小化。
重要的是要注意的是跨域,因此CORS会阻止更改,但是如果仅请求信息,也会阻止它阻止吗?为了保持接近核心,我只想使用vjavascript。
这将是搜索元素的选项
var iframe = document.getElementById("myFrame");
var elmnt = iframe.contentWindow.document.getElementsByTagName("H1")[0];
elmnt.style.display = "none";
重要的是,使用YouTube-API,因此我不会在页面上添加iframe。但是,一旦加载了iframe,请稍后发送请求。
我很好奇知道:
<iframe id="player" frameborder="0" allowfullscreen="1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
title="YouTube video player" width="960" height="408" src="https://www.youtube.com/embed/xxx?enablejsapi=1&origin=http%3A%2F%2Flocalhost%3A46916&widgetid=1">
#document
<body>
<div id="player" ....
<div class="class="html5-video-player .....
<div class="ytp-pause-overlay ytp-scroll-min"...
...
</body>
</iframe>
您甚至都不允许从另一个域中从帧中读取。您需要通过自己的服务器代理请求,并在返回响应之前使用内容播放。只是要清楚,只有客户端,JavaScript解决方案。