エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSS 背景画面いっぱいに動画を表示する
画面いっぱいに動画を表示するには<video>タグをCSSで装飾することで実現できます。 <video>で表示した... 画面いっぱいに動画を表示するには<video>タグをCSSで装飾することで実現できます。 <video>で表示した動画をCSSで横幅と縦幅を画面いっぱいまで指定して表示位置を調整します。キービジュアルでよく使われるような動画を背景の画面いっぱいに表示するデザインを実現できます。 特徴 ・レスポンシブ対応 ・Javascriptなし ・動画を天地中央表示 ・オーバーレイあり ・テキスト天地中央表示 動画ファイルを使う See the Pen CSS – Hero Movie (Overlay&Text) by kura (@kuranopen) on CodePen. 自前の動画ファイルをアップロードして使う方法です。 特徴 <video>タグを使用 表示速度は自サーバーに依存 HTML <section class="hero"> <div class="video-box overlay