一円のブログ

FULLASTERN’s Blog

独り善がりで、ひとりヨガってる。

スマホ版はてなブログでYouTube動画を埋め込む方法

スマホ版です

見たまま編集では少し使いづらいので、Markdownはてな記法の使用をお勧めします。

他のブログサービスは使ったことがないのでよくわかりませんが、使えそうなら使ってみてください。

PC版だと「サイドバーのYouTube貼り付け」で簡単にできます。


[:embed]で動画の埋め込みができなくなっていたので、その回避策を共有したいと思います。

🚩お知らせ:YouTube で直接メッセージを送受信する機能の廃止について - YouTube ヘルプ

9月18日以降、YouTube で直接動画を共有する機能はご利用いただけなくなります。 他のソーシャル ネットワーク アプリを通じて動画を共有する機能は引き続きご利用いただけます。

YouTube動画の埋め込み方

YouTube

まず動画のリンクを手にれましょう。

1.共有をタップする。

f:id:Itchyen:20191213161249j:plain

2.コピーをタップする。

f:id:Itchyen:20191213161452j:plain

よくできました。これでリンクのコピーは完了です。

次に動画を埋め込む方法です。

<iframe width="352" height="240" frameborder="0" allowfullscreen="" src="//www.youtube.com/embed/動画コード"></iframe>

これをコピペして貼り付けて、動画コードを書き換えるだけです。

動画コードとは、

https://youtu.be/vvwpKlXfEp0

この大文字の部分です。

メモ帳なんかに張り付けておくとすぐに使えますよ!

使用例

<iframe width="352" height="240" frameborder="0" allowfullscreen="" src="//www.youtube.com/embed/vvwpKlXfEp0"></iframe>

僕の大好きなCreepy Nutsのスポットライトです。

おまけ ニコニコ動画

アプリからリンクを手に入れることはできないみたいなので、動画IDを手に入れましょう。

あれば教えてください。

「リンクが欲しいんだよ!」って人はウェブブラウザからリンクをコピーしてください。

動画IDの入手方法

1.団子三兄弟をタップする。

f:id:Itchyen:20191213162540j:plain

2."動画IDをコピー"をタップする。

f:id:Itchyen:20191213163105j:plain

よくできました。これで動画IDのコピーは完了です。

次は動画を埋め込む方法です。

<script type="application/javascript" src="https://embed.nicovideo.jp/watch/動画ID/script?w=352&h=240"></script>

これをコピペして貼り付けて、動画コードを書き換えるだけです。

動画IDとは、

sm36078358

みたいなのです

使用例

<script type="application/javascript" src="https://embed.nicovideo.jp/watch/sm36078358/script?w=352&h=240"></script>

英国面です。

おわり

役に立てれば嬉しいです。

HTMLのことは全くわからないのでコードが間違っていたら報告してくださると嬉しいです。

全部確認しているのでそういったことはないと思いますが。

では。