I am loading the html page with interactivity downloaded from server.

I am not able to select anything or click on the submit button. Also during loading the loading page seems to be outside it's specified position.
afterloading.jpg
LOADING.jpg

Below is that html page content
Qt Code: 
  1. "<?xml version="1.0" encoding="utf-8"?>
  2. <!DOCTYPE html>
  3. <html xmlns:m="http://www.w3.org/1998/Math/MathML" xmlns:svg="http://www.w3.org/2000/svg" xmlns:epub="http://www.idpf.org/2007/ops" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" epub:prefix="index: http://www.index.com/">
  4. <head>
  5. <title>Topic 1: The chemistry of life</title>
  6. <link rel="stylesheet" type="text/css" href="css/custom.css"/>
  7. <script type="text/javascript" src="js/MathJax2sSparkl/MathJax.js?config=TeX-AMS-MML_HTMLorMML,local/local"></script>
  8. <link rel="stylesheet" type="text/css" href="js/prettify.css" />
  9. <link rel="stylesheet" type="text/css" href="js/tooltipster.css" />
  10. <script type="text/javascript" src="js/jquery.min.js"></script>
  11. <script type="text/javascript" src="js/prettify.js"></script>
  12. <script type="text/javascript" src="js/scripts.js"></script>
  13. <script type="text/javascript" src="js/jquery.tooltipster.js"></script>
  14. <script type="text/javascript" src="js/tooltip.js"></script>
  15. </head>
  16. <body id="p001_052" epub:type="bodymatter"><div class="zousho" pageno="52">
  17. <section id="p002_052" class="chapter" epub:type="chapter">
  18. <div id="p003_052" class="intWidget">
  19. <div id="p004_052" class="intWidget1">
  20. <iframe id="p005_052" class="iframe" src="https://media.pearsoncmg.com/intl/sa/SA_Schools/Life_Sciences/G10/Interactive/Activity/A0426780/player.html"></iframe>
  21. </div>
  22. <div id="p006_052" style="width: 100%; font-size: 14px; min-height: 42px; margin-left: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; border-top: 1px solid rgb(176, 176, 176); font-family: Open Sans,sans-serif; background-color: rgb(246, 246, 246);"></div>
  23. </div>
  24. </section>
  25. </div></body></html>"
To copy to clipboard, switch view to plain text mode 


In the console, the below error is displayed

QSslSocket: cannot call unresolved function SSL_get0_next_proto_negotiated
2015-04-11 08:14:24.222 ssparkl[5150:507] Error loading /Library/Internet Plug-Ins/QuickTime Plugin.plugin/Contents/MacOS/QuickTime Plugin: dlopen(/Library/Internet Plug-Ins/QuickTime Plugin.plugin/Contents/MacOS/QuickTime Plugin, 265): no suitable image found. Did find:
/Library/Internet Plug-Ins/QuickTime Plugin.plugin/Contents/MacOS/QuickTime Plugin: mach-o, but wrong architecture
2015-04-11 08:14:24.223 ssparkl[5150:507] Error loading /Library/Internet Plug-Ins/AdobePDFViewer.plugin/Contents/MacOS/AdobePDFViewer: dlopen(/Library/Internet Plug-Ins/AdobePDFViewer.plugin/Contents/MacOS/AdobePDFViewer, 262): no suitable image found. Did find:
/Library/Internet Plug-Ins/AdobePDFViewer.plugin/Contents/MacOS/AdobePDFViewer: no matching architecture in universal wrapper


When I googled regarding this error, library files are asked to be removed.

Kindly let me know the suitable fix for this issue.

Attached the screen shot of the page loaded on the webview