The below code of HTML
<video id="video" class="video" height="400" width="400" playsinline autoplay muted loop></video>
and JavaScript
var video = document.getElementById("video");
navigator.mediaDevices.getUserMedia({video: true, audio: false})
.then(function(s) {
stream = s;
video.srcObject = s;
video.play();
})
The link works fine on all Browsers in Android device, also works fine on Safari browser of iPhone devices, but it does not even ask camera permission for other Browsers like Chrome and Firefox on iPhone Devices.
Chrome and FireFox on iOS still use the iOS WebKit rendering engine. getUserMedia
is only available in Safari, not other browsers on iOS.
This is currently being tracked here: https://bugs.chromium.org/p/chromium/issues/detail?id=752458 - but given it was first reported over a year ago and just 5 days ago it was updated to say it hasn't been fixed, I am not holding my breath.