Recommendation

How to Preview HTML5 Slideshow in Safari, Chrome and Opera

Making an HTML5 slideshow is very easy. You can make a pretty cool HTML5 slideshow within a few minutes. However, some people may have a problem previewing the local HTML5 slideshow. The reason which cause the preview HTML5 slideshow problem is that the HTML5 slideshow is drived by XML files, and the default settings of the most browsers do not allow to load local XML file. We will work hard to find better ways to solve the preview HTML5 slideshow problem, and now, in order to successfully previewing HTML5 slideshow with Safari, Chrome, and Opera, please use the following solutions.

Note: HTML5 slideshow can work fluently in Safari, Chrome, Opera and other browsers. There is no problem of viewing online HTML5 slideshow. This page is for solving the problem of previewing local HTML5 slideshow. Please know that this problem is allready solved in the next version.

Safari needs to load the xml file to preview HTML5 Slideshow. If Safari fails to clear the caches of the previous HTML5 slideshow, the newly opened preview window will show the following message. All you want to do is to clear the caches. You can temporary solve the HTML5 slideshow preview problem by exiting Safari and reopenning the preview window. Or you may need to take the following steps to solve it permanently.

As the error message shows, safari failed to preview HTML5 slideshow because it declined the request of XML and Http files. If your Mac is 10.8.2 or later, please check both "Disable Caches" and "Disable Local File Restrictions" to solve this problem. If the problem insist, please take the following steps.

Step 1. Exit Safari and open "Terminal".

Step 2. Add "open -a '/Applications/Safari.app' --args --disable-web-security" to the end of the content.

Step 3. Press "enter". Safari will open again and it will allow to load the local XML and Http files.

The exmaple of the original content in “Target” is "C:\Program Files\Google\Chrome\Application\chrome.exe", as shown in the following figure.

Step 2. Add " --allow-file-access-from-files" to the end of the content.

In the example above, the original content is "C:\ProgramFiles\Google\Chrome\Application\chrome.exe", you need to change it to "C:\ProgramFiles\Google\Chrome\Application\chrome.exe" --allow-file-access-from-files.