Knowlegeable in videoJS ? - black screen displays in ios/iphone

[Chrisj]

I'm using this code, but I only see a black screen when viewing via iPhone:

 

<link href="https://vjs.zencdn.net/7.11.4/video-js.css" rel="stylesheet" />
<script src="https://vjs.zencdn.net/7.11.4/video.min.js"></script>
<video id="js-video" autoplay muted class="video-js vjs-default-skin" playsinline></video>
<button id="display" onclick="display()">Display Camera</button>

And when I select 'Display Camera' and agree to "access camera & mic" no camera view displays.

 let blobs = [];
        let stream, mediaRecorder, blob;
        let video = document.getElementById("video");
        var displaying = false;
        var recording = false;
        async function display() {
            stream = await navigator.mediaDevices.getUserMedia({
                audio: true,
                video: true,
            });
            video.srcObject = stream;
            displaying = true;
            playsinline = true;
        }

 

Any help to show camera view and not black screen is appreciated