在Twitter时间轴上禁用媒体嵌入

时间:2017-08-10 03:49:48

标签: javascript jquery css twitter

我试图禁用Twitter嵌入的一些东西。我尝试使用jQuery无济于事。由于容器限制,我需要限制Twitter Feed显示的内容。我试图删除媒体的一件事。我尝试使用各种选择器。为简单起见,我将只包含一个选择器,它包含我试图隐藏的Twitter提要的一部分。

我最初尝试将jQuery放在一个单独的文件中,但是这个示例将它显示为内联,因为我认为如果它加载之后它可能会读取它(Spoiler Alert:它没有)。我也试过包括!重要但是没有用,所以我现在也把它删除了。

CodePen

我不想定义高度和宽度,因为Feed会有响应。任何和所有的帮助表示赞赏。

<a class="twitter-timeline" data-tweet-limit="1" data-link-color="#ff3300" href="https://twitter.com/Google" data-width="100%" style="min-width:50px; max-width:100%;" data-chrome="nofooter noheader noborders"></a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8">jQuery('.MediaCard').css('display', 'none');</script>

1 个答案:

答案 0 :(得分:1)

很遗憾,无法执行此操作,因为Twitter与您位于不同的域中。要操纵<iframe>内容,iframe需要位于同一个域中,  并服从Same Origin Policy。由于Twitter 相同的域名,因此它成为CORS(跨域资源共享)的受害者。

假设它位于相同域中,您可以隐藏嵌入式时间轴上的所有图片:

$("#twitter-widget-0").contents().find(img).hide();

请注意,与jQuery一样,CSS也无法访问其他域中的<iframe>内容;您只能直接定位<iframe>元素。

虽然这可能不是你想听到的,但我希望这会有所帮助:)