本文へ移動

§23-09Help & Support

動画チュートリアル埋込

使い方を説明する動画をページ内に埋め込む。

文章で伝えにくい操作の流れを動画で見せ、読む負担を減らす。ヘルプページや機能紹介で、実際の画面の動きを示したいときに使う。

実装のポイント

埋め込みは最初はサムネイルだけ表示し、クリック時に iframe を差し込む遅延読み込みにする。字幕と再生時間を添える。

特徴
  • ブラウザ API
デモで使っているもの
  • lucide-react