Forum Discussion
web objects no longer scale with the browser
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>