You are here

responsive.css in Brightcove Video Connect 7.7

Same filename and directory in other branches
  1. 7.6 styles/responsive.css
/*
 * Responsive layout
 *
 * http://support.brightcove.com/en/video-cloud/docs/responsive-sizing-video-players
 */
.BCLcontainingBlock {
width: 100%;
}

.BCLvideoWrapper {
position: relative;
padding-bottom: 56.25%;
}

.BrightcoveExperience {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

File

styles/responsive.css
View source
  1. /*
  2. * Responsive layout
  3. *
  4. * http://support.brightcove.com/en/video-cloud/docs/responsive-sizing-video-players
  5. */
  6. .BCLcontainingBlock {
  7. width: 100%;
  8. }
  9. .BCLvideoWrapper {
  10. position: relative;
  11. padding-bottom: 56.25%;
  12. }
  13. .BrightcoveExperience {
  14. position: absolute;
  15. top: 0;
  16. left: 0;
  17. width: 100%;
  18. height: 100%;
  19. }