web objects no longer scale with the browser

Apr 18, 2019

Since this latest update the web objects are no longer scaling with the browser.

I can provide private review links to compare the two publishes upon request; one from latest SL update, and one from previous. Sorry can't share the tech demo with public.

30 Replies
Lauren Connelly

Hi all!

Good news! We just released Update 34 (Build 3.34.20804.0) for Storyline 360! 

In the update, you'll find that Web Objects are no longer misaligned and sized incorrectly in the published output!

All you need to do is update Storyline 360 on your Articulate 360 Desktop app!

Head over here to see all the other fixes included in this update.

Paul Colby

I had this same issue. I created a course last year with an embedded web object that plays a video. It worked fine as far as scaling. This year, I open the same course, republish, the video no longer scales. Should I waste my time going back and forth with Storyline? No! Here is my solution. In the index.html file for the web object that I am inserting into my project, I use the code below. Replace width and source with your video and you should be good to go. Still more testing needed, but so far, so good.

Thanks for nothing Storyline. People have been complaining about this issue for years. Yes, the issue exists. Fix it!

----------------------------------------------------------------------------

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
video {
width: 100%;
height: auto;
}
</style>
</head>
<body>

<video width="960" controls>
<source src="003A_1_Bonding-Resistance-Test.mp4" type="video/mp4">
Your browser does not support HTML5 video.
</video>

</body>
</html>

Lauren Connelly

Hello everyone!

I wanted to share that we are no longer seeing this bug, Embedded PDF and shapes(web objects) are scaled down after publishing to Articulate Review, in our latest version of Storyline 360. 

I'd recommend using Storyline 360 (Build 3.61.27106.0) or later.

You can reach our Support Team in this discussion or privately in a support case.