We have discovered that some versions of Keynote will not export HTML content in a manner that will properly display in Safari browsers. It seems at this time that only the Safari browser is affected as FireFox and Chrome will display the content as expected. If this happens to you, here are some steps you can take to correct the issue:
- When exporting your Keynote presentation as HTML, Keynote will create a folder that contains all of your HTML content. Within this folder you will find the following:
- a file named: index.html
- a folder named: assets
- Open the folder named: assets and locate the folder named: player
- Open the folder named: player and locate the file named: ScriptManager.js
- Open the file named: ScriptManager.js with your text editor
- Within this file locate the the following string: e=this.showUrl+"/kpf.json?ts="
- Modify the string to the following: e="../kpf.json?ts="
- Save the file
- Navigate back to the folder named: assets and locate the folder named: fallback
- Open the folder named: fallback and locate the file named: player.js
- Open the file named: player.js with your text editor
- Within this file locate the following string: ((showUrl+"/kpf.json")
- Modify the string to the following: (("../kpf.json")
- Save the file
- Navigate back to the folder that Keynote created which contains the file named: index.html and the folder named: assets
- Zip the file named: index.html and folder named: assets together for upload to your web archive element. Once you have uploaded the zip file into your web archive element the new content should be accessible via all supported web browsers.
- If you need directions for creating a zip file: Click Here