ツイッターに投稿されている動画をQiitaの記事中にインライン展開

ツイッターに投稿されている動画の埋め込み手順

　ツイッターに投稿されている動画をQiitaの記事中に埋め込めでインライン展開できるそうです。Qiitaに動画を埋め込む方法という記事で1年5か月前に投稿してくださっています。
　興味があるのでさっそくわたしも試してみました。

• ツイッターのツイート記事右上の v ボタンをクリック
• "ツイートをサイトに埋め込む" をクリック。
  　"動画を埋め込む" ではうまくいきませんでした。
  　どうやらQiitaでは動画単体の埋め込みはできないようです。
• "このツイートをサイトに埋め込む" ダイアログの "以下のコードをコピーしてサイトにツイートを埋め込むことができます" の下のボックスが反転した状態でコピーします。
• QiitaのMarkdownテキストの貼り付けたい場所にペーストします。

Twitterの埋め込みコードの例("ツイートをサイトに埋め込む"の場合)

<blockquote class="twitter-tweet" data-lang="ja"><p lang="ja" dir="ltr">今回は食欲の秋にちなんで「好きな食べ物」を紹介します❤<br><br>私の好きな食べ物はシャインマスカットです🍇 <br><br>シャインマスカットについて紹介しているのでぜひ見てください😚<a href="https://twitter.com/hashtag/avex?src=hash">#avex</a><a href="https://twitter.com/hashtag/%E3%81%88%E3%83%BC%E3%82%82?src=hash">#えーも</a><a href="https://twitter.com/hashtag/%E6%A3%AE%E4%B8%8A%E6%84%9B%E5%AD%90?src=hash">#森上愛子</a><a href="https://twitter.com/hashtag/%E3%82%B7%E3%83%A3%E3%82%A4%E3%83%B3%E3%83%9E%E3%82%B9%E3%82%AB%E3%83%83%E3%83%88?src=hash">#シャインマスカット</a> <a href="https://t.co/kYMGkBsKuI">pic.twitter.com/kYMGkBsKuI</a></p>&mdash; a♡mo  えーも (@amo_girls_model) <a href="https://twitter.com/amo_girls_model/status/909246502635110402">2017年9月17日</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

ツイッターに投稿されている動画の埋め込み例

"動画を埋め込む" の場合の例

　動画がインラインに展開されません。単なるツイート記事の引用になってしまいます。

※映像不具合により再度ツイートとなります。

ちひろデス❣️
えーもTwitterでははじめての動画デス！好きな食べ物紹介してマース❣️見てねヽ(*´∀｀)ノ@CHIHIRO522happy#拡散RTお願いします#えーも #らぶりつ pic.twitter.com/y1J3Fvn1m8

— a♡mo えーも (@amo_girls_model) 2017年9月15日

"このツイートをサイトに埋め込む" の場合の例

　動画がインラインに展開されて再生できます。(CopyRights:avex proworks OSAKAさま)

今回は食欲の秋にちなんで「好きな食べ物」を紹介します❤

私の好きな食べ物はシャインマスカットです🍇

シャインマスカットについて紹介しているのでぜひ見てください😚#avex#えーも#森上愛子#シャインマスカット pic.twitter.com/kYMGkBsKuI

— a♡mo えーも (@amo_girls_model) 2017年9月17日