背景動画

WEB制作技術の引き出しを増やすため、自分なりにアレンジしたコードをアウトプットすることにしました。

その中でも特に勉強になったコードを紹介します。

コピペで使えるようになっているので、あなたのサイトで使っていただけるとうれしいです。

あくまでデザインの一例にすぎないので、調整してオリジナルのデザインを作ってみてください！

背景動画

今回は掲載内容の説明を簡易化させ、印象づける背景動画を作りました。

サイトの動作が重い場合はYouTubeリンクを利用されると良いかもしれません。

おさえておきたいところ

ギャラリーを使う目的と使いどころはこんな感じです。

       目的：掲載内容の説明を簡易化させ、印象づける
使いどころ：掲載内容の説明を簡易化させ、印象づける

画面全体に背景動画を流す

See the Pen 画面全体に背景動画を流す by Web Navigator (@web-navigator) on CodePen.

YouTubeを使って、画面全体に背景動画を流す

See the Pen YouTubeを使って、画面全体に背景動画を流す by Web Navigator (@web-navigator) on CodePen.

次回の予定

ユーザーにアクションを起こさせるボタンを作ってみようと思います＼＼\\٩( ‘ω’ )و //／／

合わせて読みたい

背景動画

WEBさん

WordPressの不具合をなおす人

XInstagramYouTubeContact

あなたのお仕事をする時間を使ってITに関することを調べたり、トライしてみたりして、それでもうまくいかない。そんなことはありませんか？ WEB先案内をご利用いただくと、困ったときにITの顧問としてあなたのITに関するお悩みにお答えし、サポートを行うことができます。