Overview

You can insert Webobjects into the slides using Objects > Web. Type the URL in the Address bar of Property Inspector and the web page appears in theWeb object container. You can also click folder icon adjacent to Address bar, and fetch the local content into the web object container.

Webobjects is the native object now. You can browse OAM file (Adobe Edge Animate), pdf, and zip files. Use Auto Load option to enable Autoloading of file in Output. If Auto Load is not enabled, user needs to click Play button to view the object.

Create web object

  1. From the toolbar, choose Objects>Web as shown below: 

    Selecting the web objects dialog from the toolbar
    Selecting the web objects dialog from the toolbar

  2. Enter the url for web object in Address bar. You can also browse for OAM, pdf, and zip files by clicking the folder icon adjacent to the address bar. 

    Inserting web objects
    Inserting web objects

    Note:

    For any additional help, click the blue colored i icon. 

    Select the Auto Load option if you wish to load the object automatically in output. By default, auto load option is selected when you create web object. In edit mode, after loading the object user needs to mouse over the object to start viewing the content.

    If the auto load option is not selected, in the output you need to click the Play button to view the content. 

    Choose to show the web object in slide or in new browser window by clicking the Display in drop down. 

    For display in slide,

    Border Select this option, if you wish to view the border for the web object. 

    Scrolling Select this option, if you wish to view the scroll bar when the content of object is bigger than the container. 

    Loading Animation Select this option if you want any animation within the web object to load. 

    For display in new browser window, 

    Default Choose this if you want to view the web object with default browser settings. 

    Full Screen Choose this option if you want to view the web object in full screen.

    Custom Choose this option if you want to view the web object within your customized width and height dimensions. Click the blue-colored values corresponding to width and height and specify your preferred values. 

     

Embed code support

Click Embed code radio button if you would like to embed any web oject such as a video file. You can paste the embed code at the text area. 

For example, you can see the embedded video in mobile view when you paste the following embed code: 

<iframe width="854" height="800" src="//www.youtube.com/embed/o_znYZ7Ry-0" frameborder="0" allowfullscreen></iframe>

Embedded code support
Embedded code support

You can change the height and width of the embedded video by changing the size of web object container. Video maintains its width by following the width of the web object container and maintains its aspect ratio for height.

Note:

When you zip the published content, ensure that the index.html file is not in any of the internal folders, else it does not load as expected.

Some things to consider when using web objects with Adobe Captivate 9

In Adobe Captivate 9, web objects and HTML 5 animations (when layered with other shapes) always appear on top

To work around this issue in HTML5, do the following:

  1. In your Captivate installation folder, open the AdobeCaptivate.ini file.
  2. Edit the file to change the value of UseWidget7 to 1 as follows:
    UseWidget7=1
  3. Close and re-launch Adobe Captivate. 

You can now position your web objects on top or bottom, and they appear as expected in HTML 5. 

Note:

This workaround is applicable for HTML5 publish option and for static pages or animations only.

A secured LMS(https) may not 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 Captivate Prime as those LMSs are https based.

Click-jacking websites are not supported in a web object

If the simple HTML page in a web object is a redirect to another different web page, then this is not supported in Adobe Captivate.

Note:

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 will also work in the web object.

Some of the website doesn’t allow you to browse from another ones because of Click Jacking.  One of the ways web sites prevent themselves from this attack is by not displaying when loaded in a Frame or iframe. websites like Google, facebook, youtube doesn’t allow them to load in another pages well. As Web object interaction on run time loads the website in an iFrame such protected websites when loaded doesn’t show up."

Just to check whether a particular website is click Jacking site or not? Create a sample html with the following source code and run that page in you test website. If this shows up it will work fine with WebObject too.

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  Twitter™ and Facebook posts are not covered under the terms of Creative Commons.

Legal Notices   |   Online Privacy Policy