Qiitaの記事に動画を埋め込めないか色々試してみる

名前の通り埋め込めないか色々試して見ます

まずはTwitter

「ツイートをサイトに埋め込む」のコードをそのまま書いてみる

<blockquote class="twitter-tweet" data-lang="ja"><p lang="ja" dir="ltr">て〜す〜と〜 <a href="https://t.co/eXXw5vwjlW">pic.twitter.com/eXXw5vwjlW</a></p>&mdash; 納豆うまい＠昼寝神 (@nattouumainemui) <a href="https://twitter.com/nattouumainemui/status/968060134713733120?ref_src=twsrc%5Etfw">2018年2月26日</a></blockquote>
+<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

結果

て〜す〜と〜 pic.twitter.com/eXXw5vwjlW

— 納豆うまい＠昼寝神 (@nattouumainemui) 2018年2月26日

編集しているところから見ると↓こう

プレビューがちょっと違う・・・

ちなみに画像なしのツイートだと

<blockquote class="twitter-tweet" data-lang="ja"><p lang="ja" dir="ltr">て〜す〜と〜（２回目）</p>&mdash; 納豆うまい＠昼寝神 (@nattouumainemui) <a href="https://twitter.com/nattouumainemui/status/968062593435713541?ref_src=twsrc%5Etfw">2018年2月26日</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

結果

て〜す〜と〜（２回目）

— 納豆うまい＠昼寝神 (@nattouumainemui) 2018年2月26日

次にできたら嬉しいYoutube

共有>右下の埋め込むをそのまま書いてみた

<iframe width="560" height="315" src="https://www.youtube.com/embed/pKV47FuePU0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

結果

あれ・・・何も表示されなかった・・・

こうなったら直接動画をアップロード

右上にある「添付する画像を画像を選択またはドラッグ&ドロップ」
結果

![undefined]()

あっ・・・はい

最後に

これで動画が埋め込めた、やったぜ！
ただ、Youtubeから簡単に埋め込めたらいいのになぁ・・・
Twitterのプレビューが違うのはどうにかしてほしい、焦る