在JavaScript中读取DIV的状态(不在同一域 - YouTube)



我正在尝试检测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&amp;origin=http%3A%2F%2Flocalhost%3A46916&amp;widgetid=1">
#document
<body>
 <div id="player" ....
   <div class="class="html5-video-player .....
     <div class="ytp-pause-overlay ytp-scroll-min"...
 ...
</body>
</iframe>

您甚至都不允许从另一个域中从帧中读取。您需要通过自己的服务器代理请求,并在返回响应之前使用内容播放。只是要清楚,只有客户端,JavaScript解决方案。

相关内容

  • 没有找到相关文章

最新更新