Forum Discussion
Adding videos to a slide causes a black/grey border to appear
I've been encountering a bug in the latest Storyline update (I can't confirm if its from the latest update, or a previous one).
Whenever I add a video to a slide, it causes a black/grey border to appear around the video, as well as all other items on screen until the video timeline ends.
Here is the course with the video visibility turned on.
Above shows a black line surrounding the entire slide, as the video is slide-sized.
Above shows the border being applied around all the other elements on the slide. I've had to take a photo with my phone, because when I screenshot it on my PC, the border dissapears.
Here is the course with the video visibility turned off.
Above shows the exact same part of the first screenshot, but with the video turned off. You can see the border is gone.
Above is the exact same part of the second screenshot. As you can see, there is no border around any of the elements.
The issue occurs in the preview, as well as in the published version.
Can someone please confirm whether this is a known bug, and if anyone else have come across it, and has a workaround/fix?
38 Replies
If I were experiencing this on a solid color background I think I might consider creating a graphic the same color as the background (still, massive pain) that would cover the border of the video. If you're using gradients in your background, or if you're animating the video onto/off of the slide it really adds to the massive pain with this problem.
I've had to same issue for a long time. In the review process, it's constant criticism.
Having the same issues - do we have a resolution for this 2 years later?
No and it seems to be happening in Rise too! What I have done with Storyline is added a screen around video (like a tablet/mobile phone) to hide it.
not a bad idea, thank you for sharing!
Hi, I’m also facing the issue where a thin black outline appears around videos after publishing in Storyline. The original video doesn’t have any borders, but once published, the line shows up. Has anyone found a reliable fix or workaround for this?
Is there any solution for this? We have avatar videos throughout our modules and we are getting complaints about the video borders that I can't seem to remove.
No resolution as far as I'm aware... Articulate is usually pretty good about following up on threads like this when a solution has been rolled out.
Hi jauscrick!
Sorry to hear that you've also run into this setback!
We're still tracking the Storyline bug where a grey border gets applied to imported images taller or wider than the Storyline stage.
I've included your voice in the bug report so we can notify you as soon as a fix is ready. In the meantime, as a workaround we suggest scaling your media files in a way that Storyline 360 will not need to scale the element upon import.
If you need help with applying that workaround, feel free to upload your .story file here in the discussion or privately through a support case.
Looking forward to hearing from you!
Steven, not sure why the bold emphasis on images taller or wider than the stage? Are you suggesting that if the video/image is the same size of the stage or smaller there's no grey border?
Granted, I haven't read through all of the comments here to see if this was suggested but I posted this potential solution the other day for someone else. It does alleviate the bottom/right border artifacts in tests I have run. Perhaps it will fix your problem.
This uses a CSS filter to move the rendering from the CPU to the GPU, which seems to fix the issue. Could be applied to videos individually, or as a Master Slide trigger applied to all visible videos at once for each new slide.
Note: For my setup, this only seems to be an issue on displays with a pixel ratio greater than 1. My displays with lower ratios do not show the artifacts at any scale size.
