frame-movie1

• メイン画像が動画になったタイプです。動画を入れ替える場合はimages内のmovie.mp4を上書きするか、html側のvideoタグの動画ファイル名を変更して下さい。
• 動画サイズは適当で構いませんが、端末サイズによって切り抜かれるので、切り抜かれても不自然に見えない動画を配置して下さい。
• 縦向き画面で見た場合に別の動画を表示させたい場合、html側のvideoタグの２行目(縦向き端末用の動画)のmp4ファイルを任意のものに入れ替えて下さい。現状では縦横同じ動画(movie_yoko.mp4)が表示されるようになっています。
• 画面幅1000px未満で開閉メニューになります。このタイミングを変更したい場合は、js/main.jsの「const breakPoint = 1000;」の1000を変更して下さい。
• headerを常に上部に固定表示させたい場合は、style.cssのheaderにあるabsoluteをfixedにすればOKです。
• デベロッパーツールで検証される際は、ツール切り替えの都度、必ずリロードして下さい。いきなり別端末になったのと同じ状態になるので、リロードしないとメニューの挙動がおかしくなります。尚、単にブラウザ幅を変更するだけならリロードは不要です。