RWD Videos

RWD videos has become almost a necessity in our modern design process. While it’s growing and maturing fast, it’s still in its infancy.

When we set width property to 100%, the video player will be responsive and scale up and down

video {
  width: 100%;
  height: auto;
}

RWD videos max width

We can set max-width property to 100%, the video player will scale down if it has to, but never scale up to be larger than its original size

video {
  max-width: 100%;
  height: auto;
}