I have found what I believe to be a bug in SL3. I have several videos with a white background, however when published from SL3 any white displays as gray. If I publish the videos from SL2 the videos display normally with white. If I open the video file from the published course files and watch it in a player like VLC or WMP then the videos appear normal.
I have attached a screenshot showing the issue. As you can see in the preview the white is grey but in the video file (this video file is from the published files) the white displays normally as white.
Has anyone had this issue or found a way around it?
I am running into this problem too. My videos with white background play right in IE, but display as gray in Firefox and Chrome. I found this and followed the directions and it fix my problem for Chrome. Hope it will help someone.
In many cases it is a problem of nVidia drivers. NVIDIA video card users try the following:
open the NVIDIA Control Panel under "Video" select “Adjust video color settings” under "How do you make color adjustments" select “With the NVIDIA settings” under "Advanced" make sure "Dynamic Range" is “Full (0-255)” not “Limited (16-235)” (“Dynamic contrast enhancement” should be unchecked) In my case it worked, anyway I don't understand why Dynamic range for video is limited by default...
For me I see the H.264 videos are grey but the WebM video is an off-white, the colour behind the text I mean. Do we know what codec SL3 uses to compress video files?
I'm not sure if this is a specific but with Storyline 3 now or if it extends to the wider Storyline family but since upgrading to Storyline 360 I haven't had this issue again. I think there is something to be said for upgrading Storyline courses from Storyline 2 versions, that's where I was having some issues. When I create the course from scratch again in the later version of storyline (360 for me but maybe 3 for you guys) the issue doesn't occur. I've reused the same videos and assets so I wonder if there's something with upgrading courses? I've been following this thread for a while and thought I'd jump in since we've not come up against the issue again.
We've seen a few folks indicate that the video drivers have been the culprit, and making the modifications as Ted mentioned seem to resolve it.
Jamie, if you've got a sample video file that you'd like to share with us so that we can test it in Storyline 2 and 3/360 - we're happy to. You can upload it here using the Add Attachment button or send along to our Support team here.
I understand you'd rather not share your file, but since it's the best way for us to demonstrate the problem and document a defect, we'd happily accept a .story project shared here privately if you change your mind. Our team is happy to sign a NDA, if you'd like.
Would you mind sharing a copy of your course with our team here? Be sure to let us know which slide the troublesome video is on, and we'll do some further testing for you.
We are still seeing this problem today, with HTML5. Publishing out to Flash plays the videos as intended. Publishing to HTML5 looks like a grey film has been put over the entire image. Seems to be an issue with interpreting the color palette because it happens will all videos, including Storyline's own screen recordings.
Hi there, S. Dyson. There are a couple of direction I want to explore for your scenario:
Do you have the slide background set to any level of transparency? You can check Player > Other > Advanced color editing to find out what the color settings are.
Do you have audio or video on the very first slide of your presentation?
Can you confirm what version of Storyline you’re using? Go to Help > About Storyline.
Thanks for the additional detail! We'll go over some next steps for troubleshooting.
We had differing results depending on who viewed it. Seems it relates to the browser version. I updated Chrome to the latest version and without republishing the issue went away. Not a solution as I am still unsure why it should happen at all.
I don't use other browsers so I cannot speak to those.
I'm sorry that this issue is still plaguing you and your users. As Anna mentioned we've reported it to our team, and they're investigating the issue where the custom player is showing a grey border in the HTML5 output when using a transparent background. We'll let you know as soon as we have an update on this.
A quick update on this issue where a custom player with a white transparent background shows a grey border when viewed using Google Chrome and viewing the HTML5 output.
This issue should no longer be present in your Storyline 360 courses (or Storyline 3 courses). Chrome changed the way that this was being handled and our team confirmed that this is no longer occurring for projects published with the latest update of Storyline 360 (update 16) and also tested back to Update 14 and 15. You'll want to be on the latest updates of Chrome as well.
Please let us know here or reach out to our Support Team directly here if you're still running into an issue!
We encountered the same issue lately, it seems to be related to loading time. On our side it only happens on Internet Explorer. When arriving on a screen with a video, it is greyed, when coming back to it later it gets white. So very much look like a loading time problem. No problem on other browsers.
Sorry, you've hit this roadblock too! I'm glad to hear the video eventually loads, but I'd like to know what version of IE you're using? Also do you know if it's the Flash, HTML5 output or both don't load correctly?
Hi there, AC. I see that we have an issue with large videos (bigger than 998 pixels in width) on a custom size slide in Internet Explorer on Windows 7 PCs.
Does that match your scenario? If so, I'll tag this discussion so I can follow up with you.
If not, can you share your .story file, and a link to your output, with us here? We'll take a closer look and see if another issue is going on.
Hey, folks. I'm excited to let you all know that we just released update 18 for Storyline 360–check out all the new fixes here! 🎉
One of the fixes addresses an issue some of you reported where classic players with transparent backgrounds could have gray borders when the HTML5 output was viewed in Chrome.
Is this issue resolved? I have added a High Definition video into my course in Storyline 360 and when the story.html file is viewed in Microsoft edge, there is a thin grey line that appears few split second and disappears. This issue doesn't happen when viewed in Chrome. Can anyone help, please? Thanks!
81 Replies
I am running into this problem too. My videos with white background play right in IE, but display as gray in Firefox and Chrome. I found this and followed the directions and it fix my problem for Chrome. Hope it will help someone.
In many cases it is a problem of nVidia drivers. NVIDIA video card users try the following:
open the NVIDIA Control Panel
under "Video" select “Adjust video color settings”
under "How do you make color adjustments" select “With the NVIDIA settings”
under "Advanced" make sure "Dynamic Range" is “Full (0-255)” not “Limited (16-235)” (“Dynamic contrast enhancement” should be unchecked)
In my case it worked, anyway I don't understand why Dynamic range for video is limited by default...
Hi Paul,
For me I see the H.264 videos are grey but the WebM video is an off-white, the colour behind the text I mean. Do we know what codec SL3 uses to compress video files?
Regards,
Matt
I'm not sure if this is a specific but with Storyline 3 now or if it extends to the wider Storyline family but since upgrading to Storyline 360 I haven't had this issue again. I think there is something to be said for upgrading Storyline courses from Storyline 2 versions, that's where I was having some issues. When I create the course from scratch again in the later version of storyline (360 for me but maybe 3 for you guys) the issue doesn't occur. I've reused the same videos and assets so I wonder if there's something with upgrading courses? I've been following this thread for a while and thought I'd jump in since we've not come up against the issue again.
Hi Matt,
Articulate tools use the H.264 codec for MP4 videos (and a number of file formats are re-encoded to MP4 upon publishing).
We've seen a few folks indicate that the video drivers have been the culprit, and making the modifications as Ted mentioned seem to resolve it.
Jamie, if you've got a sample video file that you'd like to share with us so that we can test it in Storyline 2 and 3/360 - we're happy to. You can upload it here using the Add Attachment button or send along to our Support team here.
Hi G!
I took a look at the cases that were shared from this conversation and it looks like we were not able to replicate the behavior.
If you'd like us to take a look, you can share your file with our team here as well.
Hi there, G! Looks like my colleague, Leslie, beat me to it ☺️
Let us know as we'd be happy to dig into your file for you!
I think only another codec can solve this. Or add the needed codec info with the published mp4 h.264 code part.
Hey G!
I understand you'd rather not share your file, but since it's the best way for us to demonstrate the problem and document a defect, we'd happily accept a .story project shared here privately if you change your mind. Our team is happy to sign a NDA, if you'd like.
No NVidia graphic cards and still have the same issue. it went away when I disabled hardware acceleration in Chrome.
I have been using 360 for some time and it is a recent glitch and I wish I could pinpoint which upgrade this began happening on.
Hi Teg,
Would you mind sharing a copy of your course with our team here? Be sure to let us know which slide the troublesome video is on, and we'll do some further testing for you.
Thanks!
We are still seeing this problem today, with HTML5. Publishing out to Flash plays the videos as intended. Publishing to HTML5 looks like a grey film has been put over the entire image. Seems to be an issue with interpreting the color palette because it happens will all videos, including Storyline's own screen recordings.
Hi there, S. Dyson. There are a couple of direction I want to explore for your scenario:
Thanks for the additional detail! We'll go over some next steps for troubleshooting.
Yes, still have this bug that just started last week. Support has not been able to help. It is very frustrating.
We had differing results depending on who viewed it. Seems it relates to the browser version. I updated Chrome to the latest version and without republishing the issue went away. Not a solution as I am still unsure why it should happen at all.
I don't use other browsers so I cannot speak to those.
Hi Shannon,
I'm sorry that this issue is still plaguing you and your users. As Anna mentioned we've reported it to our team, and they're investigating the issue where the custom player is showing a grey border in the HTML5 output when using a transparent background. We'll let you know as soon as we have an update on this.
Hi all,
A quick update on this issue where a custom player with a white transparent background shows a grey border when viewed using Google Chrome and viewing the HTML5 output.
This issue should no longer be present in your Storyline 360 courses (or Storyline 3 courses). Chrome changed the way that this was being handled and our team confirmed that this is no longer occurring for projects published with the latest update of Storyline 360 (update 16) and also tested back to Update 14 and 15. You'll want to be on the latest updates of Chrome as well.
Please let us know here or reach out to our Support Team directly here if you're still running into an issue!
Hello !
We encountered the same issue lately, it seems to be related to loading time.
On our side it only happens on Internet Explorer. When arriving on a screen with a video, it is greyed, when coming back to it later it gets white. So very much look like a loading time problem. No problem on other browsers.
Hi AC,
Sorry, you've hit this roadblock too! I'm glad to hear the video eventually loads, but I'd like to know what version of IE you're using? Also do you know if it's the Flash, HTML5 output or both don't load correctly?
Hello Ashley,
I usually launch the story_html5.html.
As for IE, it is a IE11.
Thank you
Hi there, AC. I see that we have an issue with large videos (bigger than 998 pixels in width) on a custom size slide in Internet Explorer on Windows 7 PCs.
Does that match your scenario? If so, I'll tag this discussion so I can follow up with you.
If not, can you share your .story file, and a link to your output, with us here? We'll take a closer look and see if another issue is going on.
This post was removed by a moderator
Hey, folks. I'm excited to let you all know that we just released update 18 for Storyline 360–check out all the new fixes here! 🎉
One of the fixes addresses an issue some of you reported where classic players with transparent backgrounds could have gray borders when the HTML5 output was viewed in Chrome.
Here’s how you can update Storyline 360 to see everything the latest release has to offer. Let us know if you have any questions—either here or by reaching out to our Support Engineers directly!
Hi team,
Is this issue resolved? I have added a High Definition video into my course in Storyline 360 and when the story.html file is viewed in Microsoft edge, there is a thin grey line that appears few split second and disappears. This issue doesn't happen when viewed in Chrome. Can anyone help, please? Thanks!
This post was removed by a moderator
This discussion is closed. You can start a new discussion or contact Articulate Support.