I need help on my website. Html, aframe and javascript developer

Job ID: 31890199

Budget: $10 – $30 USD

Hello, i need someone to work on my website. Here's the website

https://cineorama.ca

I need someone who is familiar with Html, aframe and javascript.

I need this done

Implement a play/pause button and volume controls
Fix the mobile device integration in order for: - the videos to play upon user interaction over mobile devices - the mobile user to have 3DoF, so they can move their device to view the video like in a 360 degree youtube video

==== Additional Information ====

Code: https://glitch.com/edit/#!/cineorama
Livesite: https://cineorama.glitch.me

I need help editing a 360 VR website using A-Frame + Glitch.

The main issues I have are fairly simple but outside of my wheel house:

1. My video won't play upon user interaction over mobile devices
2. Need to add volume and pause control
3. The mobile user to have 3DoF, so they can move their device to view the video like in a 360 degree youtube video. These are the main bits I need help with but if the work is good then I will likely request help with more on this site and future projects. The website in question is http://cineorama.ca

The AFrame scene does load on mobile but the scene is black because the video begins black and does not play when you click the text like on the desktop version. On your mobile device, if you scroll you can see that it loads all the other window links too and that you can link to those when you click on them and even play the standard videos or other scenes, it is just the video-spheres that will not play on mobile. So, I do see everything on my mobile device except can't play the videospheres that exist on the index and andenken page.

I need those to be done. Send offer only if you can do this.
Related categories: PHP JavaScript CSS HTML jQuery / Prototype