React TypeScriptでvideoタグだけで動画を読み込む - Qiita

やりたいこと React TypeScript で開発していて、埋め込み動画を用意して、自動再生させたい！ やった事の顛末をストーリー風に書いてみました。 あらすじ 動画読込 自動再生 リプレイ機能 Video系のライブラリっている？ Reactで開発していて動画を再生したい！というとき、探すとそれっぽいライブラリが出てきます。これってライブラリ使わなきゃいけない理由でもあるの？と思ったので、無しでやったらどうなるのか試してみました。 結論から言うと、ブラウザの user agent stylesheet のおかげで割とリッチに仕上がるので、用途によってはライブラリ不要ですね。また、今回の手法は背景動画を仕込むときにも使えそうな方法です。ここからlazyloadとかの技術を足していくと良さそうです。 コード いきなりサブコンポーネントですが、こんな感じになりました。 import Reac