▲ 上へ

2019/7/7 22:10 管理人 管理人

Youtubeの動画をクリプトメイトで良い感じに埋め込む方法


ブログなどにYoutube動画を埋め込みたい場合、パソコンとスマホで見ると縦横比が思い通りに行かなくて綺麗に表示されないことがあります。

クリプトメイトでYoutube動画を綺麗に貼り付けるテクニックをご紹介します。

 

Youtube動画を綺麗に貼り付ける方法

貼り付けたいYoutubeの動画のページで、「共有」ー「埋め込む」を押し、埋め込みコードを表示させる。

 

コードをコピーして、クリプトメイトの記事のメニューから「ソース」をクリックする。

 

画像を貼り付けたい所に下のソースを書く(<div class="video"></div>でYoutubeのコードを囲む)

 

ソースの例

<div class="video">
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/183E5KJ5T-U" width="560"></iframe>
</div>

 

赤い文字の部分が自分で書くところで、黒い文字の部分はYoutubeのコードからコピペした部分です。

 

貼り付けた動画の表示例

 

ソースを開くと、よくわからない文字が並んで怖いと感じる人もいらっしゃるかもしれませんが、慣れてきたら、自分で自由自在にWeb画面をデザインできるようになりますよ。

そして、ソースを見ることに抵抗がなくなると、クリプトメイト以外の様々なブログサービスや、ブログツールの王道WordPressなどでも培ったスキルをそのまま使えます。

その辺りも、小ネタとして紹介していきたいと思います。

 

LIKE-OFF 19

  • 1マツ マツ

    2019/07/08 01:12

    試してみます!

  • 2あいあい あいあい

    2019/07/08 07:36

    仮想通貨にかんする動画を紹介するのはありですか?

  • 3あっく あっく

    2019/07/08 10:22

    > マツさん

    ぜひ、Youtube貼り付けやってみてください。

  • 4あっく あっく

    2019/07/08 10:23

    > あいあいさん

    もちろん、ありです。
    お気に入りの仮想通貨系Youtube動画を紹介するブログ、というのもよいですね!

  • 5チーズ売人 チーズ売人

    2020/09/20 10:37

    文字列を見ると
    わーーーーっとなります。
    慣れですね! 試していきます!

ログインすると投稿やコメントが行えます。





よく読まれている記事 (過去1週間)

2020/10/17 11:00



FAQ