JavaScriptでiPhoneの背面カメラ映像を表示させたい

前提・実現したいこと

他の方のブログ記事を参考に、JavaScriptのWebRTCを使ってiPhoneの背面カメラで
撮影している画像を表示させようとしていますが、エラーが出てしまいます。
PC / Windows10のウェブカメラで撮影した映像は、Chromeでは問題なく表示されています。
今撮影している映像の表示のみが目的で、これを録画したり、または音声を利用することはありません。
よろしくお願いします。

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

TypeError: undefined is not an object (evaluating 'navigator.mediaDevices.getUserMedia')

該当のソースコード

JavaScript
1	var video = document.getElementById("video");
2	var medias = { audio:false, video:{} };
3	medias.video.facingMode = {exact:"environment"}
4	navigator.mediaDevices.getUserMedia(medias).then(function(stream) {
5		//　video.srcObject にストリームを入れます。
6		video.srcObject = stream;
7	}).catch(function(err) {
8		// カメラを許可してください。
9		window.alert("カメラの使用が許可されませんでした");
10	});

試したこと

PCのウェブカメラの映像はChromeでは問題なく表示されました。
getUserMediaのconstraintsパラメーターをいろいろ試してみましたが同じエラーが出ます。

補足情報（FW/ツールのバージョンなど）

iOSは11.4.1です。

sublimer

2018/08/28 10:43 編集

iPhoneで使用しているブラウザはsafariでしょうか? それから、サイトはhttpsになっていますでしょうか? 「他の方のブログ記事」のURLも追記していただけると助かります。

comeon

2018/08/29 01:31

ご連絡ありがとうございました。まず、質問にタグをつけ忘れていまして、動作チェックしたのはmonacaになります。httpのサイトにアップロードして確認したころ、safariでは「カメラの使用が許可されませんでした」と表示され、chromeでは画面が真っ白になりました。参考にしたブログは次のものです。https://qiita.com/024t910/items/ad8d3144873e565a3539　アップロードするサイトをhttpsにして再度トライしてみます。