blog-RuinDig

短かったり長かったりする。Articles are my own.

Redditの投稿をHTMLコードを使って埋め込む Embed Reddit post with HTML codes

f:id:edgeknight:20190214191843p:plain

Redditの投稿をHTMLコードを使って埋め込む。

www.reddit.com

OGP形式でも埋め込めないわけではない。

Reddit最初の投稿 from u/ruindig

コードは以下の通り。

<blockquote class="reddit-card" data-card-created="1550133914"><a href="https://www.reddit.com/user/ruindig/comments/aqdu1k/reddit最初の投稿/">Reddit最初の投稿</a> from <a href="http://www.reddit.com/u/ruindig">u/ruindig</a></blockquote><script async="" src="//embed.redditmedia.com/widgets/platform.js" charset="UTF-8"></script>

  • コード部分に背景が適用されない。Codes background doesn't apply.
  • Spoiler(ネタバレ隠し)の箇所が隠されていない。Spoiler doesn't veil.
  • 画像と動画のリンクが表示されて、肝心の画像と動画そのものが表示されない。Photos and movies are just linked, doesn't display.
  • 表が正しく表示されない。Table doesn't display same as app and desktop view.

…という欠点が分かり、以下のRedditアプリでの表示やPCでの表示と同じものを想像したが、残念な仕様だ。I expected same as app and desktop view, when embed with HTML codes. That's not good.

埋め込みコードの取得は次の通り。

f:id:edgeknight:20190214185458p:plain

①「Share」ボタンを押して「Embed」を選ぶ。

f:id:edgeknight:20190214185822p:plain

②別ウィンドウで埋め込みコードをコピーする。チェックボックスの項目によって埋め込みコードの内容やプレビューが変わる。

-end-