Video record sample not working in Chrome or Edge on Windows

Description

None of the video record demos are working in Chrome and Edge on Windows.

Steps to reproduce

1. Visit https://collab-project.github.io/videojs-record/examples/audio-video.html
2. Click the device image to start.
3. Authorize webpage to access camera.
4. Press record.

Results

Expected

Video.

Actual

Edge: Camera turns on and shows the video feed, but clicking record does nothing (no error in console) Chrome: No output, green camera view box. Clicking record produces error as shown below.

Error output

VIDEOJS: ERROR: TypeError: this.mediaElement.play is not a function
    at t.value (videojs.record.js:1253)
    at t.value (videojs.record.js:588)
    at t.value (record-toggle.js:59)
    at HTMLButtonElement.n (video.min.js:2)
    at HTMLButtonElement.X.n.dispatcher.n.dispatcher (video.min.js:1)

Additional Information

Please include any additional information necessary here. Including the following:

versions

videojs

Using video.js 6.9.0 with videojs-record 2.3.0 and recordrtc 5.4.7

browsers

Chrome Version 66.0.3359.181 (Official Build) (32-bit & 64-bit) and Version 67.0.3396.62 (Official Build) (32-bit & 64-bit)

OSes

Windows 8, 10

[leospalteholz]

Sorry for the delay. Just retested on Chrome on Windows 8 and it works with the Video Speed Controller extension disabled. So it seems that was the culprit. Bug should be closed as the issue is much less broad than I initially thought. I believe the remaining issues are:

1. Problems with the sample using Edge
2. Chrome with Video Speed Controller doesn’t work even though the sample from Google works…

Not sure if those bugs are worth reporting, let me know.

[agauravdev]

This happened with me because there was no SSL on my website where I hosted. And if there is no SSL, chrome blocks the video part entierly. Put an SSL on your website and it will be solved.