VR-View loads black screen in the iframe using Chrome

Issue:

VR-View loads black screen in the iframe using Chrome Version 51.0.2704.103 (64-bit) on MacBook running OSX 10.11.4 (15E65) El Capitan. Image and VR-View source code are hosted in same folder on server with GoDaddy Hosting and Wordpress. Thanks in advance for your help; I have been troubleshooting for weeks and have exhausted my resources.

Here is the link to an example of the issue:

http://www.eolianvr.com/test50/

Here is the Code:

<iframe src="http://www.eolianvr.com/vrview-master/index.html?image=//www.eolianvr.com/vrview-master/cliff.jpg&;is_sterio=false" width="300" height="150"></iframe>

When it works:

Same page’s VR image loads correctly using same computer (MacBook running OSX 10.11.4) in Firefox and Safari; and loads correctly using Samsung S7 in Chrome, Samsung S5 in Chrome, IMac running OSX 10.11.4 El Capitan in Chrome, Safari, and Firefox.

The exact same code written into another webpage with same hosting seems to work perfectly, though, even when referencing the plugin/api source code and image from the site with the issue, see link below:

http://ourvrwedding.com/test50/

The VR-View API works correctly when this code is entered directly into URL:

http://storage.googleapis.com/vrview/index.html?image=//storage.googleapis.com/vrview/examples/coral.jpg&is_stereo=true

But, the VR-View API does not work correctly when this code is entered directly into URLhas the same issue:

http://www.eolianvr.com/vrview-master/index.html?image=//www.eolianvr.com/vrview-master/cliff.jpg&;is_sterio=false

I have tried:

• Re-installed wordpress from scratch and re-encountered the exact same problem before loading in any content or themes.
• Reinstalled chrome and encountered the exact same problem
• Cleared images from cache
• Entering Getrequest into URL instead
• Resized the image to 4096x2084
• Injected metadata specifying created from Ricoh Theta360 cam
• I have tried the using the image and API hosted on storage.google and encountered the same problem. See these examples:
• Searched Stackoverflow, chrome support, and all possible forums for a fix without avail. No known issues found.

Does not work:

http://www.eolianvr.com/test51/

Works:

http://ourvrwedding.com/test51/

JavaScript Console when it does not work

JQMIGRATE: Migrate is installed, version 1.4.0
vrview-analytics.min.js:21 No THREE.js found.
vrview-analytics.min.js:12 THREE.WebGLRenderer 73
vrview-analytics.min.js:19 Recalculating device params.
vrview-analytics.min.js:19 User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.103 Safari/537.36
vrview-analytics.min.js:19 Pixel width: 1151.9999694824219
vrview-analytics.min.js:19 Pixel height: 719.9999809265137
vrview-analytics.min.js:19 No DPDB device match.
vrview-analytics.min.js:19 New device parameters:
vrview-analytics.min.js:19 null
vrview-analytics.min.js:19 Failed to recalculate device parameters.
vrview-analytics.min.js:19 Fetching DPDB...
vrview-analytics.min.js:19 Using fallback iOS device measurements.
vrview-analytics.min.js:20 Using the Cardboard I/O 2014 viewer.
vrview-analytics.min.js:20 Mode change: 0 => 1
vrview-analytics.min.js:22 onModeChange_ 1
vrview-analytics.min.js:22 Analytics: going from mode undefined to NORMAL
vrview-analytics.min.js:22 Loaded scene SceneInfo {id: undefined, title: undefined, image: "//www.eolianvr.com/vrview-master/cliff.jpg", preview: "", isStereo: false…}audio: ""id: undefinedimage: "//www.eolianvr.com/vrview-master/cliff.jpg"isStereo: falseisYawOnly: falsepreview: ""title: undefinedvideo: ""yaw: 0__proto__: Object
vrview-analytics.min.js:19 Successfully loaded online DPDB.
vrview-analytics.min.js:19 Recalculating device params.
vrview-analytics.min.js:19 User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.103 Safari/537.36
vrview-analytics.min.js:19 Pixel width: 1151.9999694824219
vrview-analytics.min.js:19 Pixel height: 719.9999809265137
vrview-analytics.min.js:19 No DPDB device match.
vrview-analytics.min.js:19 New device parameters:
vrview-analytics.min.js:19 null
vrview-analytics.min.js:19 Failed to recalculate device parameters.
vrview-analytics.min.js:12 THREE.WebGLRenderer: image is not power of two (5512x2756). Resized to 4096x2048 <img crossorigin=​"anonymous" src=​"/​/​www.eolianvr.com/​vrview-master/​cliff.jpg">​

JavaScript Console when it does work

JQMIGRATE: Migrate is installed, version 1.4.0
vrview-analytics.min.js:21 No THREE.js found.
vrview-analytics.min.js:12 THREE.WebGLRenderer 73
vrview-analytics.min.js:19 Recalculating device params.
vrview-analytics.min.js:19 User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.103 Safari/537.36
vrview-analytics.min.js:19 Pixel width: 1280
vrview-analytics.min.js:19 Pixel height: 800
vrview-analytics.min.js:19 No DPDB device match.
vrview-analytics.min.js:19 New device parameters:
vrview-analytics.min.js:19 null
vrview-analytics.min.js:19 Failed to recalculate device parameters.
vrview-analytics.min.js:19 Fetching DPDB...
vrview-analytics.min.js:19 Using fallback iOS device measurements.
vrview-analytics.min.js:20 Using the Cardboard I/O 2014 viewer.
vrview-analytics.min.js:20 Mode change: 0 => 1
vrview-analytics.min.js:22 onModeChange_ 1
vrview-analytics.min.js:22 Analytics: going from mode undefined to NORMAL
vrview-analytics.min.js:19 Successfully loaded online DPDB.
vrview-analytics.min.js:19 Recalculating device params.
vrview-analytics.min.js:19 User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.103 Safari/537.36
vrview-analytics.min.js:19 Pixel width: 1280
vrview-analytics.min.js:19 Pixel height: 800
vrview-analytics.min.js:19 No DPDB device match.
vrview-analytics.min.js:19 New device parameters:
vrview-analytics.min.js:19 null
vrview-analytics.min.js:19 Failed to recalculate device parameters.
vrview-analytics.min.js:22 Loaded scene SceneInfo {id: undefined, title: undefined, image: "//www.eolianvr.com/vrview-master/cliff.jpg", preview: "", isStereo: false…}
(index):451 WebSocket connection to 'wss://public-api.wordpress.com/pinghub/wpcom/me/newest-note-data' failed: Error during WebSocket handshake: Unexpected response code: 403
vrview-analytics.min.js:12 THREE.WebGLRenderer: image is not power of two (5512x2756). Resized to 4096x2048 <img crossorigin=​"anonymous" src=​"/​/​www.eolianvr.com/​vrview-master/​cliff.jpg">​
(index):451 WebSocket connection to 'wss://public-api.wordpress.com/pinghub/wpcom/me/newest-note-data' failed: Error during WebSocket handshake: Unexpected response code: 403