Forum Discussion

ChristopherKegl's avatar
ChristopherKegl
Community Member
4 years ago

Black Bars

Hello,

My Storyline file starts with a video. I have a cover photo in place within the Player settings as a thumbnail for the video. No matter what size I change the image to, (I've tried several aspect ratios) there are still black bars showing up on the sides of the thumbnail once I import it into Rise. Is there some trick to this? A specific image size? A specific aspect ratio? The black bars are certainly hindering my design and need to be fixed asap. What's the trick to getting rid of them?

  • Hi, everyone!

    I have some great news to share! We just released another update for Storyline 360. In Update 77, we've included important fixes and new features.

    One of the enhancements we've included: 

    • Set your cover photo to fill the player frame. Enable it in the player properties.

    Launch the Articulate 360 desktop app on your computer to take advantage of this update, and click the Update button next to Storyline 360. You'll find our step-by-step instructions here.

    Please let me know if you need additional help!

  • BeccaLevan's avatar
    BeccaLevan
    Community Member

    Thanks for reaching out, Christopher!

    Sounds like you might be seeing the border of the Player. I tested this out myself, and I see the same black bars on each side of the cover photo. I found this neat trick courtesy of our very own Tom Kulman that helped me get rid of those pesky sidebars. He even created a recorded demo 😊

    I'm excited to hear if this trick will work in your design!

  • Thanks for the reply Becca, but unfortunately I already have the player completely invisible. All menus and controls are off. The only checkbox I have selected within the player is the Cover Photo. Both my story size and Cover Photo image are 1920x1080. I even tried changing my image size multiple times trying to get the image to fit without the black bars appearing, but couldn't. Once I import the Storyline file into Rise, those two thin black bars appear above and below the Cover Photo. 

  • BeccaLevan's avatar
    BeccaLevan
    Community Member

    Thanks for testing this with me, Christopher! I tried Tom's trick myself, and while it does hide all bars for the video, I see them at the top and bottom of the cover photo now.

    This isn't something I see we've run across yet, so I'd like to bring it to my team to do some further testing. Any chance you could share your file with us privately to test out sizing specific to your image?

    In the meantime, I'm hopeful some community folx will come up with some ideas!

  • BeccaLevan's avatar
    BeccaLevan
    Community Member

    Me again, Christopher 😊

    I see that our support engineers worked with you and have logged this as a possible bug where a cover photo shows black bars at the top and bottom regardless of cover photo dimensions and when the player controls are disabled. 

    Also, I wanted to let you know that we're tracking a feature request to maximize cover photos when embedded in Rise 360 courses to eliminate those black bars.

    I've added this discussion to both reports, so you'll get notified when we have any updates!

    Related Resources:

  • Hi, Valentina.

    While this feature hasn't made it on our feature roadmap yet, this discussion is connected to the report, so we'll be sure to notify you when we have news to share.

    • LoganStahler's avatar
      LoganStahler
      Community Member

      I'd love to see this fixed as well. Actually, what would be ideal would be to remove the need to click a "play" button to get the Storyline embed to load. Just let it load! This is really messing with the usability of my course. 

  • Hi, everyone!

    I have some great news to share! We just released another update for Storyline 360. In Update 77, we've included important fixes and new features.

    One of the enhancements we've included: 

    • Set your cover photo to fill the player frame. Enable it in the player properties.

    Launch the Articulate 360 desktop app on your computer to take advantage of this update, and click the Update button next to Storyline 360. You'll find our step-by-step instructions here.

    Please let me know if you need additional help!

  • LaurenBeeson's avatar
    LaurenBeeson
    Community Member

    When I set my first slide to "fill the player frame," some parts are often cut off. Is there a way to avoid that? If I don't fill the frame, I get the black bars. It is very frustrating. 

    • StevenBenassi's avatar
      StevenBenassi
      Staff

      Hi Lauren!

      Happy to share some insight on this!

      If you match the resolution of your image with the screen size that is being used to view the course, you should get better results. Also, this article provides some great tips when adding media to your Storyline course!

      Please let me know if you have any more questions!