IE11でWebRTC

前提・実現したいこと

HTML5,CSS#,JavaScriptでIE11対応のWebアプリを作っています。
WebRTCのgetUserMediaでデバイスのカメラにアクセスし、その映像をブラウザに表示したいのですが、
Chromeでは表示されましたが、IE11だと表示されません。
IE11で映像を表示するにはどうすればいいでしょうか。

ご教授お願いいたします。

発生している問題・エラーメッセージ

エラーメッセージは発生していません。
開発環境のノートPCのインカメラ横のライトも点灯していますが、映像が表示されません。

該当のソースコード

JavaScript
1// sample.js
2'use strict';
3
4var $video = document.getElementById('video');
5
6function startVideo() {
7  navigator.mediaDevices.getUserMedia({ video: true, audio: false }).then(function (stream) {
8    return $video.srcObject = stream;
9  }).catch(function (err) {
10    return alert(err.name + ' ' + err.message);
11  });
12};
13
14// sample.html
15<!DOCTYPE html>
16<html lang="ja-JP">
17<head>
18    <meta charset="UTF-8">
19    <meta name="viewport" content="width=device-width, initial-scale=1.0">
20    <meta http-equiv="X-UA-Compatible" content="ie=edge">
21    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
22    <script src="https://www.promisejs.org/polyfills/promise-6.1.0.min.js"></script>
23    <title>カメラサンプル</title>
24</head>
25<body>
26    <video id="video" autoplay></video>
27    <input type="button" value="スタート" id="startBtn" onclick="startVideo()">
28    <script src="js/adapter.min.js" type="text/javascript"></script>
29    <script src="js/sample.js"></script>
30</body>
31</html>