在Twitter時間線上禁用媒體嵌入

Question

我試圖禁用Twitter上嵌入的一些內容。我試圖使用jQuery無濟於事。由於容器限制，我需要限制Twitter Feed顯示的內容。我試圖去除媒體的一件事。我嘗試過使用各種選擇器。爲了簡單起見，我將只包含一個選擇器，它封裝了我試圖隱藏的Twitter Feed的一部分。

我最初試圖把jQuery放在一個單獨的文件中，但是這個例子顯示它是內聯的，因爲我認爲它可能會讀取它，如果它後面加載（Spoiler Alert：它沒有）。我也試過包括！重要，但是這並不起作用，所以我現在也刪除它。

CodePen

我不想定義的高度和寬度，因爲飼料將響應。任何和所有的幫助表示讚賞。

<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> 

Answer 1

不幸的是你不能做到這一點，因爲Twitter是在不同的領域給你。要操作內容，iframe需要位於同一個域上， 並服從Same Origin Policy。因爲Twitter是而不是是同一個域名，所以它是受害於CORS（跨源資源共享）。

假設它是在同域的話，你將能夠隱藏嵌入時間軸的任何圖像有：

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

注意，如jQuery，CSS也無法從另一個域訪問內容;您僅限於直接定位元素。

雖然這可能不是你想聽到的，但我希望這有助於:)