Issue
The web page has the capability of using videojs record for screen recording and webcam video recording. It is working fine on localhost and on shared hosting. But I have deployed website on AWS EC2 and Azure VM for testing and videojs record is not working there. As per my understanding it is all javascript and should be working on browsers where ever the site is hosted.
Any clue?
SCREENSHOT-1:
When user clicks on a button within square box, a window should appear for confirmation (shown in SCREENSHOT-2)
SCREENSHOT-2
This window appears if site is running on localhost or shared hosting service, but not if site is running on Azure VM or AWS EC2.
Testing Pages
Solution
The problem is due to security (https). If you see your connection to codeschunk.com is secure (https) while hosting on EC2 your connection is not secure (http only). You can solve it by two methods.
- By making your connection to your hosting on EC2 instance secure (https). It can be done by installing
SSL Certificate
.
Or
- Follow these steps in your browser (These are for chrome)
- Navigate to
chrome://flags/#unsafely-treat-insecure-origin-as-secure
in Chrome. - Find and enable the
Insecure origins treated as secure
section - Add your address you want to ignore the secure origin policy for. In your case the address is http://ec2-54-185-50-254.us-west-2.compute.amazonaws.com/index.php/test/recordvideo
- Relaunch the browser.
Now it should work.
Answered By - Tufail Ahmad Answer Checked By - Candace Johnson (WPSolving Volunteer)