Video Issue within Bootstrap Tabs

  • Resolved mksauce23

    (@mksauce23)


    6 years, 1 month ago

    Hi there,

    I’m creating a page with Bootstrap and using the “tabs” component. I’m trying to give each tab a brief video header with this plugin. On the initial tab, the video loads fine, but switching to subsequent tabs, the video does not play (just shows the background-color I defined). However, if I simply adjust the window size after switching to the tab it works!

    I’m assuming it’s not integrating well with the tabs functionality… Has anyone run into this in the past and can offer me a bit of code I could incorporate that might fix this issue?

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author pushlabs

    (@pushlabs)

    6 years, 1 month ago

    Hi mksauce23,

    Thanks for using Video Background!

    I’ve determined that the issue is due to the bootstrap tabs height attribute added through JS. By default, the height of the tabs are 2px and “grow in” through animation. However, since Video Background has already fired, it thinks the container’s size is 2px in height, making it almost invisible.

    I would recommend to set a fixed height for each tab through CSS. this should keep the container size the same, and allow Video Background to size accordingly.

    Blake

Viewing 1 replies (of 1 total)
  • The topic ‘Video Issue within Bootstrap Tabs’ is closed to new replies.