【CSS】videoタグをレスポンシブ化する方法

とあるあんけんでvideoタグをレスポンシブ化することがあったのでメモ。非常に簡単なので、是非参考にして欲しい。

HTML

<video controls id="video">
  <source src="ファイルパス/ファイル名.mp4" type="video/mp4">
</video>

CSS

#video {
  top:0;
  width: 100%;
  height: 100%;
  background: #000;/*背景を黒で表示*/
}
(Visited 1,710 times, 1 visits today)

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です