Support » Plugin: Jetpack by WordPress.com » 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 wordpress.com 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.

    https://wordpress.org/plugins/jetpack/

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

    (@jeherve)

    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.

    Thanks!

    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 badmedicine.ca 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 badmedicine.co (wordpress.com) with the same theme and on badmedicine.ca if served from the media library.

    John

    Plugin Contributor Jeremy Herve

    (@jeherve)

    Jetpack Mechanic 🚀

    Thanks for the extra details! It is odd, and I can’t seem to figure out what gets added on WordPress.com 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

    (@georgestephanis)

    Code Monkey

    Howdy!

    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()https://github.com/Automattic/jetpack/blob/6a61e115e3e7ee5ab0cc62627828e2d871d9ee58/modules/videopress/class.videopress-player.php#L549-L638

    Jetpack Markup:

    <div id="v-ZGRbEUuu-1" class="video-player"><iframe width='474' height='266' src='https://videopress.com/embed/ZGRbEUuu?hd=1&loop=0&autoPlay=0&permalink=1' frameborder='0' allowfullscreen></iframe><script src='https://s0.wp.com/wp-content/plugins/video/assets/js/next/videopress-iframe.js?jetpack_version=4.0.2'></script></div>

    WPCOM Markup:

    <iframe width='750' height='562' src='https://videopress.com/embed/ZGRbEUuu?hd=0&autoPlay=0&permalink=0&loop=0' frameborder='0' allowfullscreen></iframe><script src='https://v0.wordpress.com/js/next/videopress-iframe.js?m=1435166243'></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 — https://github.com/Automattic/jetpack/blob/6a61e115e3e7ee5ab0cc62627828e2d871d9ee58/modules/videopress/class.videopress-player.php#L123-L135

    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.