jquery - 如何隐藏嵌入 Twitter 时间线的图像？

Question

我尝试了一切。 从 CSS 到 jQuery，并取消选中“自动扩展照片”。

这是我的嵌入代码:

  <a class="twitter-timeline"
  href=""
  data-widget-id="" 
  data-chrome="noheader footer noborders noscrollbar transparent" 
  data-tweet-limit="5"
  data-link-color="#6AC829"
  data-border-color="#FFFFFF"
  lang="EN" data-theme="light"
  height="100"
  width="800" 
  data-screen-name=""
  data-show-replies="false"
  data-aria-polite="assertive">
  </a>

这是我的 jQuery 代码:

 ! function(d, s, id) {
     var js, fjs = d.getElementsByTagName(s)[0],
         p = /^http:/.test(d.location) ? 'http' : 'https';
     if (!d.getElementById(id)) {
         js = d.createElement(s);
         js.id = id;
         js.src = p + "://platform.twitter.com/widgets.js";
         fjs.parentNode.insertBe fore(js, fjs);
     }
 }(document, "script", "twitter-wjs");

 window.setTimeout(function() {
     $(".twitter-timeline").contents().find(".e-entry-title").css("font-size", "12px");
     $(".twitter-timeline").contents().find(".inline-media").css("display", "none");
     $(".twitter-timeline").contents().find(".tweet").css("font-size", "12px");
     $(".twitter-timeline").contents().find(".p-name.customisable-highlight").css("font-size", "12px");
 }, 1000);

Answer 1

我相信我有一个解决方案。我已经在所有主要浏览器中进行了测试。抱歉这么晚了。

随着 3 月 3 日的更新，这再次变得相关。

https://blog.twitter.com/2016/a-new-improved-embedded-timeline

第一步，将时间线包装在容器(例如 div)中。接下来，将此 jQuery 添加到页脚或 jQuery(document).ready();

jQuery('.twitter-block').on('DOMSubtreeModified propertychange',"#twitter-  widget-0", function() {
  jQuery(".twitter-timeline").contents().find(".timeline-Tweet-media").css("display", "none");
  jQuery(".twitter-block").css("height", "100%");
});

定位容器，即“.twitter-block”，以及 iframe 的 ID“#twitter-widget-0”。第二行隐藏媒体(图像/视频)，第三行调整 iframe 的大小。这应该适用于页面加载以及时间线中进行的任何动态更新。