Overview
You can insert native HTML5 web objects into the slides by clicking Objects > Web in the big button bar. Type the URL of the object in the Address field of the Property Inspector, and the web page appears in the object container.
Create web object
From the toolbar, choose Objects > Web as shown below:
Type the URL for web object in Address field. You can also browse for OAM, pdf, svg , and zip files by clicking the folder icon next to the Address field.
Choose the other options, as described below:
Auto Load |
Choose this option if you want to load the object automatically in output. By default, this option remains selected when you create web object. In edit mode, after loading the object, mouse over the object to view the content. If you are unable to see the content after enabling the option, see this forum thread more for information. |
To display the web object in the slide, choose the following options: |
|
Border |
Select this option, if you want to view the border for the web object. |
Scrolling |
Select this option, if you want to view the scroll bar in the web object container. |
Loading Animation |
Select this option, if you want any animation within the web object to load. |
To display the web object in a new browser window, choose the following options: |
|
Default |
Select this option, if you want to view the web object with default browser settings. |
Full Screen |
Select this option, if you want to view the web object in full screen. |
Custom |
Select this option, if you want to view the web object within defined width and height dimensions. |
To insert objects like pdf or zip files, it is recommended that you place the pdf, zip, or svg file in a web server, and then use the url to the file.
For example, after placing the objects in the web server, use the URL as follows:
- pdf: localhost:8012/<filename>.pdf
- svg : localhost:8012/<filename>.svg
When you preview the slide, you can see that the objects are included in the output.
YouTube video does not load
If after inserting the YouTube widget, the video does not play after publishing. In such situations, update the widget.
For more information, see YouTube widget issues in SWF output.
Embed code support
Click the Embed code option, if you would like to embed any web object, such as, a video file or link to a streamed video. You can paste the embed code in the URL area, as shown below:
For example, you can see the embedded video in mobile view when you paste the following embed code:
<iframe width="560" height="315" src="https://www.youtube.com/embed/_VW-KBt0Sbk" frameborder="0" allowfullscreen></iframe>
After publishing or previewing the project, if you see the error message, the object cannot be displayed in a frame, see this forum post for more information.
You can change the height and width of the embedded video by changing the size of web object container. The video maintains its width by following the width of the web object container and maintains its aspect ratio for height.
You can also embed videos without using the iframe tag, although it is recommended using it. You can use the object and the embed tags, as shown below:
<object data=" https://www.youtube.com/embed/_VW-KBt0Sbk " width="560" height="315"></object>
<embed width="420" height="315" src=" https://www.youtube.com/embed/_VW-KBt0Sbk "></embed>
Things to consider when using web objects with Adobe Captivate
In Adobe Captivate, web objects and HTML 5 animations (when layered with other shapes) always appear on top
As a work around this issue in HTML5, perform the following:
- In your Captivate installation folder, open the AdobeCaptivate.ini file.
- Edit the file to change the value of UseWidget7 to 1 as follows:
UseWidget7=1 - Close and relaunch Adobe Captivate.
You can now position your web objects on top or bottom, and they appear as expected in HTML 5.
This workaround is applicable for HTML5 publish option and for static pages or animations only.
A s ecured LMS(https) maynot allow you to launch unsecured (http) page embedded in a web object
When referring to a http website (in a web object) in an https secured LMS environment, the LMS does not allow the content to launch an un-secured website.
The content launches fine in the Captivate preview server because it is http based. However it does not work in SCORM cloud or Learning Manager as those LMSs are https based.
Click-jacking websites are not supported in a web object
Click jacking is a threat to security and Captivate does not support redirecting to a different website.
Some websites may not allow you to open it in another page or window. To test whether a site is supported in the Web object, you can have a simple HTML page with an iframe, and see if your URL works. If it works there, it also works in the web object.
For more information on Click Jacking, see the Wikipedia page on Click Jacking.
Download sample projects
To learn more about Captivate and how you can create engaging learning content, download the following projects:
