Iframe embeds not working with Twitter

Bug graveyard
1

I am trying to embed fully rendered tweets in Obsidian. Reading the forums, iframes seemed like the way to do it. However, I can’t get iframes to render tweets.

Steps to reproduce

Attempting to embed tweet using iframe with width=100% and height=500px with no results. Code used:
<iframe src="https://twitter.com/nytimes/status/1336718540007739392?s=20" width="100%" height="500px"></iframe>

Expected result

Fully rendered, embedded tweet

Actual result

Empty space where the rendered tweet should be

Environment

  • Operating system: MacOS 10.15.7
  • Obsidian version: v0.10.1

Additional information

  • Blockquote embed of tweets work via “</>Embed Tweet” option from Twitter website.
  • I used the steps suggested in this video with no results
  • also doesn’t work
2

That because twitter forbids using iframe embed and only lets you use blockquote embeds.

3

use twitframe?

like this:

<iframe src="https://twitframe.com/show?url=https://twitter.com/nytimes/status/1336718540007739392?s=20" width="100%" height="500px"></iframe>
4 Likes
4

Thanks a lot @tallguyjenks, somehow I missed this in the video, doing it this way actually works.

5

hi there, i’m new to Obsidian, could you suggest a good way to embed tweets in notes ??

6

Hi, yudi.

Just replace https%3A%2F%2Ftwitter.com%2Fjack%2Fstatus%2F20 with the link of your choice.

<iframe
	border=0
	frameborder=0
	height=250
	width=550  
	src="https://twitframe.com/show?url=https%3A%2F%2Ftwitter.com%2Fjack%2Fstatus%2F20">
</iframe>

Angel