Web Object Won't Fit Player
Mar 21, 2014
I'm working on a project and attempting to size an HTML 5 web object simulation published via Captivate to Storyline. I want the web object to fit the Storyline player window. The object has been resized to 640 X 480. The Storyline web object viewer is 640 X 480. Hypothetically this HTML 5 object should fit in the screen. The video as you can see is not fitting the window. The file is attached and hosted http://www.devontest.com/OPR/story.html
14 Replies
I had a look at the HTML code of the page that is displayed inside the webobject. It looks like the Captivate project has dimensions of
width:1276px ;height:882px and is not set to be scalable. This is why it doesn't scale to the size of the Storyline web object.
I've checked the scalable box when I publish from Captivate. I've also re sized the web object to 640 X 480 before publishing in Captivate. What is the HTML page withwidth:1276px ;height:882px called? I can't find it when I look through the HTML code and files.Any ideas overall?
I had seen the height and width settings here: http://www.devontest.com/OPR/story_content/WebObjects/67dKybn95sT/index.html
Michael,
I edited the code. It still is not rendering sized within the object. Could you take a look again?
It appears that Captivate is publishing the HTML 5 correctly and then once I drop it into Storyline the web object is getting published with new HTML code throwing the size off.
Thanks!
Hi Philip, could you upload the published CP file separately to some server and post the URL here, so that we can have a look?
Below is the Captivate
http://www.devontest.com/OPR/websize.cptx
Below is the HTML 5 output
http://www.devontest.com/OPR/websize.zip
Thanks!
Have a look at this test with your file: http://dev.keypointlearn.com/xcl71_SL/CPHTML5/V1/story.html. This works for me on an iPad and HTML5-compatible browsers, e.g. Chrome (never mind the positioning of the CP file inside the Storyline web object).
I remembered (vaguely) there was some issue with the Scalable HTML content option in Captivate's HTML5 output, so I republished your file with this option turned off.
Ok. I republished the Captivate with the Scalable HTML content option unchecked and am I'm still getting an issue. What am I missing here?
Thank you for your help. I'm developing a large amount of 100+ slide software simulations and the screen record option in Storyline keeps crashing from the sheer size of the files. My workaround is Captivate if I can get this HTML 5 sized correctly.
Attached is my save screen in Captivate
Maybe your Storyline file is still referencing the old (large) CP output. Rename your CP output folder to something like 'websizeV1' and relink the webobject to this folder and then republish the Storyline file.
I created a completely new Storyline file as well as Captivate. Same issue. I'm very confused. Could you upload your story file based off of my HTML5 video?
The Files - http://www.devontest.com/OPR/
Hm, I just ran your file (see the URL in the screenshot) and it works for me. Isn't that what you wanted?
I think you were right and it was a cache issue. Thanks!
http://www.devontest.com/html5/story.html
This discussion is closed. You can start a new discussion or contact Articulate Support.