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

    (@kylegilman)

    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)

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

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

    (@modernangel76)

    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.