😲

js無しでホームページに自動再生する背景動画を追加する方法

2024/01/10に公開

htmlとcss

    <video
            autoPlay//自動で再生させる
            loop//無限ループ
            muted//音を無くすミュート
            playsInline//iphoneで自動再生させるのに必要
            className="pointer-events-none h-screen w-screen object-cover"
          >
            <source src="/mp4/sample.mp4" type="video/mp4" />
          </video>

pointer-events-noneで動画を保存させないようにしている

Discussion