Support » Plugin: Jetpack by » Black bars beside videos with Jetpack

  • I’m running the latest version of WordPress and Jetpack. Videos served via Videopress alway have large black bars on either side. This happens no matter what the height and/or width settings are. The same videos render without the bars at all height and width settings on my site and on my Jetpack-enabled site if the videos are served from the media library. The site is off line while I build it. Thanks for any help.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Contributor Jeremy Herve


    Jetpack Mechanic 🚀

    Could you let me know one of the videos’ ID, as it appears in the shortcode when going to Media > VideoPress and selecting one of the problematic videos? That should help me run some tests on my end.


    Hi Jeremy

    Here’s one [wpvideo ZGRbEUuu]

    Also it does it regardless of the original aspect ratio. All of the videos served by Videopress render with the black bars on except this one [wpvideo Xdhu3GpI]. And this one has the same original aspect ratio as the first example.

    I was wondering if it had something to do with the theme, Blaskan. But the videos render correctly on ( with the same theme and on if served from the media library.


    Plugin Contributor Jeremy Herve


    Jetpack Mechanic 🚀

    Thanks for the extra details! It is odd, and I can’t seem to figure out what gets added on to change that behaviour. I’ve asked our VideoPress team to take a closer look, and I’ll get back to you as soon as I hear back.

    Plugin Contributor George Stephanis


    Code Monkey


    I’m using this comment as something of a scratch pad as I work through the issue — also thinking that it may be useful for people to understand the investigative process as I work through it.

    After a quick investigation, my initial thought is that there’s a misconfiguration somewhere in how your website is trying to get the video details (that include it’s raw height/width aspect ratio) — but it seems as though I can duplicate on my own site.

    The Jetpack one and the wpcom one both seem to be using html5_dynamic_next()

    Jetpack Markup:

    <div id="v-ZGRbEUuu-1" class="video-player"><iframe width='474' height='266' src='' frameborder='0' allowfullscreen></iframe><script src=''></script></div>

    WPCOM Markup:

    <iframe width='750' height='562' src='' frameborder='0' allowfullscreen></iframe><script src=''></script>

    (the numbers are a bit different because it’s two different themes with different content widths)

    The Jetpack one does seem to be getting wrapped in the html_wrapper() function whereas wpcom doesn’t —

    My guess is that it’s a case of the video data not getting properly pulled down, so the aspect ratio is unknown.

    I’m not done looking into this, but this should help me pick up where I left off when I circle back to it.

    I think you are on the right track George. I discovered that if I kept the original dimensions when uploading to Videopress, that the videos would then render correctly. For some reason there is one exception. One video out of about ten has a black line about 3px along the bottom.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Black bars beside videos with Jetpack’ is closed to new replies.