更新YouTube频道徽标的Aria-Label

Question

我正在努力创建一个客户的网站,使其可访问.我们正在通过YouTube视频从iFrame中提取视频.视频工作正常,更新了隐藏式字幕等.但是,YouTube频道徽标上显示的咏叹调标签显示为"照片图像",不符合辅助功能指南.

<a class="ytp-title-channel-logo" target="_blank" data-visual-id="2" href="https://www.youtube.com/channel/lettersandsuch" aria-label="Photo image of " style="background-image: url(&quot;https://filepathforphoto.png&quot;);"></a>

因为它在iFrame中我不知道我们是否可以用JS实际获取和更改iFrame.我已经尝试在改变徽标和更新频道名称的YouTube帐户中搞乱,但它没有达到咏叹调标签.

我尝试用jQuery更改它,但我不认为我做得对.我在iFrame上放了一个id并应用了这个:

$(document).ready(function(){
 var iFrameDOM = $("iframe#frameID").contents();
 iFrameDOM.find('.ytp-title-channel-logo').attr('aria-role', 'something');
})

它没有在本地显示任何错误,但没有应用代码更改.有没有办法更改YouTube频道徽标上的咏叹调标签？

Answer 1

你不能改变跨域iframe的DOM因为同源策略,即Web浏览器允许包含在第一网页的第二网页访问数据的脚本,但前提是这两个网页具有相同的起源.因此,JavaScript无法读取跨站点内容.实施此操作是为了防止称为跨站点脚本(XSS)的安全漏洞.

在YouTube播放器参数中没有选项,但我认为您可以通过IFrame Player API解决此问题