HTML5 Interactions: Why business platforms are converting Flash courses

Over the years, eLearning developers have used Flash in developing the courses. The coding process had been complicated until HTML5 made its way onto the scene. Previously, the developers used tools like XML, Java, and Flash to code the courses. However, HTML5 has now become popular and it is being extensively used to develop the eLearning courses. You can now convert flash courses to html5, where the readers find it more comfortable to read the course materials.

The numbers of mobile devices through which the learners are accessing the course materials are increasing at a rapid pace than ever before. As a result, it is becoming more difficult and impractical to develop different versions of eLearning courses for particular devices. This is why the HTML5 based authoring tools are being used to develop these courses. Using HTML5 in developing these eLearning courses comes with several advantages. These can design templates, responsive course outputs, multimedia elements that are easily accessible, screen recording features and other elements using HTML5. These features are important for developing interactive eLearning courses. It is necessary for eLearning platforms to convert their Flash-based courses to HTML5.

You should know the vast range of features that HTML5 presents you with. Engaging your learners is important, while you disseminate the knowledge to them. This fulfills the deficit created due to the absence of an instructor in a really effective manner. Therefore, you need to integrate the courses with the relevant interactive features. With the html5 interactions integrated in the course materials, the learners can have a good experience while going through the course. You need to get your Flash-based course converted to HTML5. Here, you will come across the most popular features of HTML5.

Trigger-based interactions

The eLearning developers can create highly interactive courses based on trigger. Here, the objects in the course perform the actions, based on the learner’s inputs. It has got trigger-based interactions, which occur when two objects separate, intersect or become visible. The rapid authoring tools based on HTML5 enable the developers to trigger actions based on logic. They can come up with binary fields, through which they can capture and track the responses of the learners. Various actions can be triggered on the basis of these responses.

Responsive objects

When you are using HTML5, the data needs to be represented in plain static format. The developers can add various interactive elements like buttons, sliders, dials, light boxes, markers, and data entry fields when they are using an authenticating tool. This allows the learners to explore the relationship between cause and effect, manipulate the data, control objects and so on. Besides, you can make the courses exciting in other new ways. The learners can also receive information in the form of eBooks, where you can add page turning effects. You can also use timeline interaction, that will enable them to chronologically visualize the historical events. Integrating HTML5 in eLearning enhances the overall learning experience.

Interactions based on mobile interface

One of the best benefits of using HTML5 in developing eLearning courses is the mobile-interface based interactions. The converted courses are compatible with mobile devices, and support gestures on the touchscreen, like dragging, swiping, double tap and so on. The learners get a better learning experience, with these features on your eLearning courses. The Learning Management System also interacts with learners, sending them notifications, requesting them to complete the courses that are pending and keeps them updated regarding the availability of new learning materials. You can seek flash to html5 conversion services from an established company to integrate these features on your platform.

Scalable vector graphics

The scalable vector graphics (SGV) files, unlike GIF, JPEG or PNG files, are scalable and does not suffer a loss in quality. Besides, these files are of small size. These vector images cannot be used to create high-quality projects. Most of the time, the quality undergoes a loss and the resolution gets distorted. Using HTML5 based authoring tools, you can define various complex shapes, such as SVG graphics, which can be used as feedback captions or buttons. This can help the developers in creating interactive infographics, making the static images attractive. Today, most of the business firms dealing with eLearning are getting their course materials converted to HTML5. Competition in the industry is rising, and every company wants to bring their learners a seamless experience.

Evidently, HTML5 comes with a number of useful features, which enable the learners to enjoy a better eLearning experience. Besides, it takes little effort in creating the courses. This is one of the most important advantages of using HTML5 in eLearning courses. As compared to Flash, the effort required to develop these courses is only a fraction.

You can reach out to a reputed and established flash to html5 conversion company and seek their services in developing the course materials. This will refine the learning experience, besides minimizing your efforts. Hiring a professional service provider is never going to be a futile investment as the impact created by interactivity through HTML5 is really high.

The post HTML5 Interactions: Why business platforms are converting Flash courses appeared first on eLearning.

Audio anomalies in HTML5 output

I am on a team with several Captivate 2017 users. We want to combine the slides from several Captivate files into one. We only output at HTML5 due to Flash being restricted on our LAN (and other reasons).

We found that when copy/pasting slides from one file into another, the audio gets modified. Some segments (not restricted to a single slide, often spanning more than one) get cut out and are replaced by the audio from a previous, unrelated project.

What can cause this? How do we avoid it?

The post Audio anomalies in HTML5 output appeared first on eLearning.

Migrate To HTML5 – Responsive Or Mobile-Friendly eLearning To Create High Impact Learning Experiences

Organizations worldwide are looking at migrating their legacy Flash course to HTML5 to support mobile learning. In this article, I outline what are your options and how you can maximize the impact of your migration budget.

Till a few years ago, Flash was pretty much the default authoring tool to offer online coursesAs a result, organizations across the world have a significant investment in legacy courses based on Flash.


  • Most browsers do not support Flash.
  • Also, modern learners prefer the delivery of online training to support their mobile devices.

Since Flash does not support mobile devices, there is a need for you to plan the migration of your select legacy courses to HTML5.

Why An Investment On Migration Of Legacy Courses To HTML5 Is An Absolute Necessity?

This investment on migration of legacy courses to HTML5 is necessary to unlock your existing investment. Further gains associated with this exercise are:

  • Online courses designed in HTML5 provide a multidevice experience wherein the learners can take the same course on the device of their choice ranging from smartphones to tablets as well as laptops or desktops.
  • These online courses can be taken on the go, at the pace the learners wish to consume.
  • The studies clearly show adoption of mobile learning or mLearning will be the new standard in online training.
  • Furthermore, the learners are leaning away from adaptive design to fullyresponsive design (that fits dynamically to a viewable area).

How Can You Optimally Design For Mobile Devices?

As you plan for the migration of legacy courses to mobile learning or you embark on creation of Responsive or Mobile-friendly eLearning, you can choose from two approaches:

Approach 1Mobilefriendly designs

These reflect the more commonly available design approach (Adaptive learning) adopted to design mLearning coursesThe designs feature multidevice supportHowever, they still map to the way learners use the laptops/desktopsThis approach does extend seamlessly to tabletsHowever, in smartphones, this approach works only in the landscape mode. When viewed in the portrait mode, you will see a blank space as the design shrinks to a viewable area.

Although, the online courses work across all devices, it is important to note that the learner interactions in this approach are not necessarily aligned to the way we use our mobile devices.

Tip: One of the most popular authoring tool Articulate Storyline 3/360 creates an output in this categoryOther two popular authoring tools are dominKnow Claro and iSpring.

Approach 2Responsive or Mobilefirst designs

In contrast, the Responsive or Mobilefirst designs are optimized to run on the smartphonesThis is then extended to tablets and laptops or desktops.

This approach not only features a completely responsive design approach (wherein the content adapts dynamically to a viewable area); its significant difference lies in the interactions that mimic the way we use our mobile devices.

Tip: There are two streams of authoring tools that you can use to create a Responsive or Mobile-friendly eLearning output in this category.

  1. Tier 1 (They use multidevice layoutbased approach to design): Adobe Captivate 2017, Trivantis Lectora Inspire 17
  2. Tier 2 (They use rapid development approach based on the usage of their standard templates):Adapt Learning, Articulate Rise, CrossKnowledge Mohive, dominKnow Flow, Elucidat and Gomo and so on.

NOTE: You can also opt for Custom HTML5 frameworks that too offer true Responsive or Mobile-friendly eLearning designs.

Let me share a couple of examples to highlight the differences between the two approaches.

Example 1Features a mobile-friendly design that would runseamlessly across smartphones, tablets, laptops and desktops.

However, as you will notice, the design shrinks in the portait mode of the smartphone.

Furthermore, the learning interactions are not necessarily optimized for mobile devices. Instead, they are designed to provide a multi-device support.

Example 2In contrast, this example showcases optimization for the smartphones while retaining the support for other devices (including tablets, laptops and desktops).

Additionally, the interactions map closely to the way we use smartphones.

How Can You Leverage On The Migration Opportunity To Create Better And Higher Impact Learning Experiences?

The exercise of migration from Flash to HTML5 must not be about technology uplift alone (that is, converting Flash courses to merely open as HTML5 courses).

Instead, you can use this opportunity to redesign your courses that leverage the ways learners use their mobile devicesThis approach will create a more engaging learning experience and create the desired impact (sticky learning) that you seek.

What Are The Techniques That You Can Use To Multiply The Impact?

You can use this opportunity in the following three ways:

Approach 1Use techniques that engage and motivate learners better

  1. Gamification
  2. MicrolearningFor both formal and informal learning

Approach 2Use formats that are different from the more traditional ones

  1. Interactive videos (instead of videos)
  2. Animated videos (instead of long reams of text)
  3. Interactive infographics (instead of text or predictable interactions)

Approach 3Go beyond formal training and engage the learner in a learning journey

  1. Learning Paths (featuring Personalization)
  2. Performance Support Tools
  3. Learning Portals that feature Social Learning and Participative learning (Curation)


The need to migrate your legacy Flash courses to HTML5 provides a great opportunity window to create Responsive or Mobile-friendly eLearning designs that will resonate better with your learners.

I hope this article provides the required cues on the techniques you can use during migration to HTML5 to create higher engagement, better completion rates and a more sticky learning experience. If you need any specific support or have any queries, do contact me at

Need More?

Want more insights on how you can use to enhance the impact of your mobile learning for your corporate training?

Schedule a call with our Solutions Architecting Team.


The post Migrate To HTML5 – Responsive Or Mobile-Friendly eLearning To Create High Impact Learning Experiences appeared first on eLearning.

Custom HTML5 timeline for Articulate Storyline 360

Articulate Storyline, is one of the popular e-Learning authoring tools. Storyline is known for its ease in the workflow for developing an E-learning course. It is suitable for both beginners as well as experts due to its familiar interface. The look is very similar to Microsoft PowerPoint. Articulate Storyline uses a component called “Player” inside…

Adobe Captivate 2017 Review: What is Improved?


Adobe’s new update for its most popular eLearning authoring tool, Captivate 2017 is released now! It is loaded with tons of new exciting features and enhancements! Be it custom eLearning content development, rapid elearning, mobile learning, simulation-based eLearning or microlearning, Adobe Captivate has been the choice of eLearning developers and eLearning providers. This update brings the best of the features which help you reimagine the way you develop HTML5-based interactive eLearning. This means more flexibility in creating fully responsive multi-device eLearning and mLearning content.

In our last blog, we have covered the new features of Adobe Captivate 2017. So for now, we will take a look at the improved features or enhancements to understand what makes it better than Adobe Captivate 9.

Multi-Device Responsive eLearning Authoring – Enhancement:

With Adobe Captivate 2017, creating multi-device eLearning content has never been so easy. Your eLearning content adapts itself to every mobile device without developing the same slide for multiple times for different views. Now you can use Device-Specific previews to see how your eLearning content looks on any device. One publish for all devices. You’d love this enhancement as it reduces redundancy in development saving you a huge amount of time.

Responsive Themes – Enhancement:

The responsive themes are now loaded with Fluid boxes that enable you to render fully responsive content for multiple devices. You can customize themes for an enhanced look and feel with blended backgrounds, styles, fonts, and layouts. You can also save them for future.

Responsive Motion Effects Without Programming – Enhancement:

Take learner engagement to the next level. Create motion effects using fluid object transitions even for responsive elearning projects without any code. Define motion paths and control how objects move.

Shared Advanced Actions – Enhancement:

Applying Shared Advanced Actions within the project is much easier now with the introduction of Conditional tab in the Advanced Actions dialog box. You can now convert standard to conditional action and vice versa eliminating the need to copy and paste the shared action. It saves your time and efforts.


The enhancements in 2017 edition of Adobe Captivate enable you to create advanced multi-device learning with improved flexibility. In addition, it is also power-packed with the ability to convert a non-responsive eLearning project to responsive project, customizable closed captioning and many more.

Source Link:

Adobe Captivate 2017 Review: What’s New and Enhanced for Responsive Mobile Learning?

Adobe Captivate 2017, New HTML5 responsive Smart elearning Tool, mLearning


Adobe Captivate 2017 is released and I am excited to see what this new version has to offer to the eLearning world. With this new version, Adobe has opened the doors for smart and advanced eLearning authoring focusing on mobile learning courses & responsive eLearning design. This eLearning authoring tool lets eLearning Developer create responsive HTML5-based eLearning content without any programming knowledge.

Adobe Captivate 2017, the updated version of Adobe Captivate 9.0.1, can be a game changer as it comes with capabilities to:

  • Reduce eLearning development time with the innovative new Fluid Boxes
  • Transform legacy Adobe Captivate eLearning (desktop) courses into fully responsive eLearning content
  • Deliver engaging, interactive, multi-device eLearning content with no hassles

Adobe Captivate 2017 is now power-packed with lots of exciting new features, enhancements and functionalities like never before. As part of Adobe Captivate 2017 review, we will have a look at the new features and improvements of Adobe Captivate 2017 Release.

New Features of Adobe Captivate 2017

It includes:

  • Adobe Typekit Integration
  • Fluid Boxes
  • Transform legacy desktop-only courses into fully responsive modules
  • Device-specific previews
  • Responsive sliders
  • Responsive text support
  • Customizable closed captions
  • Scalable Vector Graphics (SVG) support

Enhanced Features of Adobe Captivate 2017

It includes:

  • Multiscreen responsive eLearning authoring
  • Responsive themes
  • Responsive Motion Effects without programming
  • Shared Advanced Actions

I will be covering the enhancements in the next blog. But for now, let’s have a closer look at my favorite brand-new features of Adobe Captivate 2017.

Fluid Boxes for True Responsive eLearning:

Creating responsive eLearning courses has never been so easy. With the introduction of Fluid Boxes, you don’t have to worry about the break points to see how your content looks on various devices.

The Fluid Boxes are containers that hold the objects (text and graphics) enabling you use the white space more intelligently. These Fluid Boxes logically resize or align the objects without the developer’s intervention to adjust breakpoints manually. This new feature saves a lot of time and efforts in eLearning development while creating true responsive eLearning experience.

Adobe Typekit Integration:

With the integration of Adobe Captivate with Typekit fonts, you don’t have to limit yourself to the web-safe fonts in your eLearning projects for HTML5 and responsive eLearning courses. This integration will help you access the beautiful fonts from the Typekit font library from the cloud. It provides an optimal and consistent viewing experience across any device ensuring your on-screen text always looks like the way it should be.

Convert legacy courses desktop-only into fully responsive eLearning:

Converting previously created legacy non-responsive Captivate eLearning course to fully responsive eLearning course is now a matter of clicks. Adobe Captivate 2017 comes with the ability to save existing Adobe Captivate eLearning courses as responsive mobile learning courses. Captivate applies the Fluid Boxes to intelligently rearrange and group the objects logically.

Device-Specific Previews and Responsive Slider:

Eliminate the guess work. Now you can use Device-specific previews along with the Responsive slider to see how your eLearning content looks on various devices before the final publish. Select the specific device from the preset device menu to see the output.

You can also drag the responsive slider at the top to see how the eLearning content aligns for varied screen sizes right away in the authoring environment. You can even make a custom size and add it to the list of Device-specific preview.


To conclude, Adobe Captivate 2017 simplifies and speeds up the responsive eLearning aka mobile learning to the next level. The new features and enhancements are worth the upgrade if you are looking for fully responsive eLearning courses aka mobile learning.

So Adobe Captivate 2017 authoring tool is not only intelligent by design but also efficient by nature. I will be covering a few more enhanced features of Captivate 2017 in the upcoming blog. Stay tuned to learn more!


Custom Volume Control – Articulate Storyline 3 or Articulate Storyline 360

The latest release of Articulate Storyline 360 or Storyline 3 has number of exciting new features allowing eLearning developers to explore many more creative ways in developing new interactions. Yet, we still have a few things that cannot be achieved using the native options of Articulate Storyline 360. One such, most requested functionality is, the…

The Demise of the Flash Player – What Do I Do Now?

On July 25, 2017, Adobe made the following announcement:

Adobe is planning to end-of-life Flash. Specifically, we will stop updating and distributing the Flash Player at the end of 2020 and encourage content creators to migrate any existing Flash content to these new open formats.

This announcement has a major impact on any organization which has e-learning courses published to run in Adobe Flash player. And for more than a decade, if you took or built an e-learning course, chances are high that you published or viewed it in the Flash player.

While the end of 2020 seems far away, it is not, especially if your organization has a large library of courses published for Flash output. Now is the time to begin planning your transition from Flash-based courses to alternate delivery platforms such as HTML5.

Here are some questions to consider as you develop your transition plan:

1. What tool was used to build the course?

If it was Adobe Captivate or one of the other big-name authoring tools, you may be in luck. Those tools have the option to publish in both Flash and HTML5 formats. If your course was recently built and published in Flash, it may just be a matter of opening the course’s source file and re-publishing in HTML5. Of course, test your course to ensure its features work well with HTML5. If your course was built in the Flash program, you may have to consider re-building your course with one of the authoring tools mentioned above.

2. How much has your content changed since you first published your course?

You may find as you review your courses – especially the older ones –some content requires updating. The demise of the Flash player brings a great opportunity to review your content, make necessary changes, and then publish it to the HTML5 format. Some older courses were built with text only and no audio. Given the increase in bandwidth that has occurred over the past decade, you may want to re-design the course to include supporting media.

3. What are your plans for mobile delivery?

Until recently, most courses were consumed via desktop computers. Even today, some experts say about 50% of courses are still published solely for desktop delivery. As we near 2020 and organizations re-design and re-publish their existing courses to meet the needs for mobile delivery, we anticipate a huge uptick in this number. Why? If you are updating your content and re-publishing your course in HTML5, it stands to reason that you would make your course available for mobile users. If your course has a shelf-life of 5 years, for instance, what are the odds that at the end of that 5 years, your courses will still be delivered via desktop only? In other words, iif you are taking the time to update your content and publish to HTML5, take the extra step and design it to be viewed on all screens and on all devices.

4. When should I start?

The answer is NOW! Even if you only have a few courses, develop and implement your plan ASAP. While Adobe set its deadline for the end of 2020, it’s really up to the browsers as to when these changes will occur. Let’s say that one of the browsers issues a new release in 2018. If they choose not to support the Flash player with the new release, then your Flash course will not work in that browser at that time. Other browsers may decide to issue challenge statements such as “This page requires the Flash player to run. Do you want to continue?” How many of your learners will know how to answer that? I’m not suggesting that either of these things will happen, but I cannot say for certain that they won’t.

5. Where do I start?


Begin with an inventory of your courses, especially those that require the Flash Player to view. If you’re not sure, look at the course files on your server. If any of the files have the extension .flv or .swf, it relies on the Flash player. If you cannot view files on your server, launch the course in your browser and right-click it. A box like that shown here will appear. If it’s running in the Flash Player, you will see “About Adobe Flash Player” listed as one of the menu options. When building your course inventory, include the following details:

  • Course name (and LMS number)
  • Course format (.swf, .htm)
  • Course length (number of screens)
  • Course time (minutes and seconds)
  • Most recent publication date (mm/yy)
  • Tool used to create the course (Captivate, Storyline, Lectora, Flash, or other)
  • Source file availability (yes or no)
  • Level of content update required (none, minor, or major)
  • Mobile delivery options (yes or no; if yes then list devices)

Put these items into a spreadsheet and develop your plan from there. By doing so, you will help ensure your learners have continued access to your course content after the Flash Player is no longer available.

Best Practices to Migrate Legacy Flash Courses to HTML5 the Right Way

Today, mLearning or mobile learning is an integral part of learning strategy. If you haven’t opted for it, chances are that you are evaluating it. Besides new online training development, you certainly need to evaluate to migrate some or all of you legacy Flash courses to a format that is compatible with Tablets and Smartphones.

In this article, I will begin the challenge that you face (existing Flash courses that are not supported on most mobile devices), the way forward (how to migrate your legacy Flash courses to HTML5 that supports multi-devices including Desktops, Laptops, Tablets and Smartphones). Additionally, I will share some of our best practices that will help you plan this migration exercise effectively so that you can achieve a positive ROI on your investment.


In my earlier article 8 Tips To Convert Flash to HTML5 That Will Help Your Business, I had highlighted the challenge (associated with legacy courses) and the solution (how HTML5 addresses the challenge). Let’s begin with this recap:

The challenge

Over the years, all of us would have created courses that predominantly used Flash for development. With increase in demand to offer mobile learning, you would have realized that Flash courses do not work on most mobile devices. As a result, you need to plan to migrate the existing legacy Flash content to HTML5.

The solution

HTML5 supports all mobile devices (Tablets and Smartphones). Additionally, the more recent browsers support HTML5 enabling you to run the mobile-ready courses on Desktops and Laptops as well. This flexibility now allows a single build to work seamlessly across all devices starting from Desktops/Laptops to Tablets and Smartphones.

Best practices

EI Design Best practices

At EI Design, we have partnered with several organizations globally in their mandate to successfully migrate legacy Flash courses to HTML5. In the last 5 years, we have successfully migrated hundreds of legacy courses. In this journey, we have seen what worked and what did not. Here is a listing of our best practices.

Our best practices map to 3 stages of your planning. Essentially, these are aspects you should put in place prior to the migration exercise. You will see that using these simple and easy to implement best practices will make your migration effort worthwhile and create a positive ROI on you investment.

    1. During pre-planning phase (Pre-requisites)
    2. During scoping (To improve and maximize the effectiveness of the migration initiative)
    3. Key selections (To select the right output through the right authoring tool)


EI Design Pre requisites

The success of any project is in direct proportion to the effort put in the pre-planning stage. We have noted that the success factors during this stage can be enhanced through the following four measures:

    1. Ensure readiness of supporting aspects: This includes browser support for HTML5, Learning Management System support for mobile learning solutions, and updates to your security policy.
    2. Draw up the priority list of courses to be converted from Flash to HTML5: Begin the migration exercise by picking a small number of courses, migrate, and perform a user testing for the feedback. More significantly, assess if the impact you had envisioned is being created (that is, better learning experience for the learners).
    3. Validate that all assets and pre-requisites are in place: We often see delays (typically post the pilot phase) on account of all assets not being accounted for and accessible. Again, this must be in place and availability of assets should be in line with the migration project schedule.
    4. Understand the pros and cons (the trade-off between the punch of learning design capability that Flash offers and what HTML5 can offer): This is probably the most significant aspect to watch out for. The kind of user experience that HTLML5-based designs offer is different from the Flash-based approach. It is very important to understand this, identify the frames that will have a different user experience and have a clear Instructional Design support in place to map certain frames of legacy Flash courses to HTML5.


EI Design Scoping

Watch out for the following three aspects:

    1. Identify the need: Technology update vs. complete redesign: As highlighted earlier, the nature of value addition sought in a course or a series can vary. You must ascertain how you should plan the migration. Some of the cues could be:
        1. Recent courses: These may need technology uplift only (conversion to HTML5 – no Instructional Design and Visual Design enhancements).


        1. Compliance courses: The migration cycle can also factor for textual updates as well as visual enhancements.


        1. Legacy courses: You can only re-use the content and then completely re-design (both from Instructional Design and Visual Design perspectives).


    2. Identify what more do you want to achieve as you craft your mobile learning strategy:Besides providing flexibility to the learners to learn on the device of their choice, it is important to identify the other aspects you may want to address (user experience, learning experience, better retention and performance gain, and so on).


  1. Identify the devices to be supported (including the testing methodology): With the ever expanding range of options available for Tablets and Smartphones, there is no way you can check your HTML5 courses on all. Instead, identify the key models (for both Tablets and Smartphones) and have exhaustive test cases for this. During release, do caution the learners on this aspect.

Key selections

EI Design Key selections

Here you need to watch out for two crucial aspects:

1. Select adaptive vs. responsive designs: You have two options as you begin the migration from Flash to HTML5. You can opt for:

  1. Adaptive: These are multi-device custom mobile learning solutions that support PCs, Laptops, and Tablets.
  2. Responsive: These are multi-device custom mobile learning solutions that support PCs, Laptops, Tablets, and Smartphones.

2. Select the right authoring tool: Selection of the right tool is a tough decision and this must be done so that it can help you deliver the gains you want to accomplish. Today, there are multiple options to choose from. Besides offering adaptive or completely responsive design capability, the tools can be further classified into rapid development (Articulate Studio 13, iSpring, Adapt, and so on) or standard mobile learning authoring tools (Adobe CS6 with CreateJS, Adobe Captivate, Trivantis Lectora, Articulate Storyline, and so on).

I hope this article provides insights on how you can craft the right approach to migrate legacy Flash courses to HTML5. If you have any further questions or would like to see how we have done this exercise for some of our global customers, do contact me.



Pinch/zoom on iPhone

Hi Everybody,

I have just published a test HTML5 question slide in Adobe Captivate 10 with a small format of 320 by 500 px. I disabled the player controls and put it on my server. I than opened it on my iPhone. It looks good, but the slide is basically published in a sort of iFrame. So i Can pinch and zoom within this frame, does anybody know a way to publish without this extra frame around the content?

Hope my explanation is clear.