リットリンクにニコニコを埋め込む方法

備忘録

テキストに以下の内容を入れる。

<div
  style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.25%;"
>
  <iframe
    src="https://embed.nicovideo.jp/watch/sm~"
    style="top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;"
    allowfullscreen
    scrolling="no"
    allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture;"
  ></iframe>
</div>
  • sm後は各動画で変更
    秒数指定したければ「?from=秒数」をつける
    例)「sm43151043?from=50」

  • コードを入れただけだと平たいプレーヤーになるので見にくい
    15行改行するといい感じだった

参考(ありがとうございます。)
ブログにニコニコ動画を埋め込む | blog.ojisan.io

いいなと思ったら応援しよう!