Responsive scaling

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Kyle Gilman

    (@kylegilman)

    11 years, 1 month ago

    Unfortunately, videos don’t work the same way as images. It would be a lot easier if they did. The Video.js player makes scaling even more difficult than an unstyled <video> element. Your theme has set the width of a container in the class .col-sm-12 to 100% unless the width of the screen is less than 768px. Below that, it doesn’t set the width and it hides the overflow. Since the video is allowed to overflow beyond 100%, it does. We need to stop it from doing that. Try adding this custom CSS rule:

    .col-sm-12 { width: 100%; }

    Plugin Author Kyle Gilman

    (@kylegilman)

    11 years, 1 month ago

    Sorry, that won’t work on larger widths. Maybe this.

    @media (max-width: 768px)
.col-sm-12 {
  width: 100%;
}
    Thread Starter modernangel76

    (@modernangel76)

    11 years, 1 month ago

    Thanks Kyle, I really appreciate your quick response.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Responsive scaling’ is closed to new replies.