web上获取ios摄像头问题，求指导

如图，允许使用摄像头之后页面上没有显示，不知道为什么

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<video id="video" width="640" height="480" autoplay></video>
    <button id="snap">Snap Photo</button>
    <canvas id="canvas" width="640" height="480"></canvas>
    <script type="text/javascript">
     window.addEventListener("DOMContentLoaded", function() {
     var canvas = document.getElementById("canvas"),
     context = canvas.getContext("2d"),
     video = document.getElementById("video"),
     videoObj = { "video": true },
     errBack = function(error) {
     console.log("Video capture error: ", error.code);
     };
     if(navigator.getUserMedia) {
     navigator.getUserMedia(videoObj, function(stream) {
     video.src = stream;
     video.play();
     }, errBack);
     } else if(navigator.webkitGetUserMedia) {
     navigator.webkitGetUserMedia(videoObj, function(stream){
     video.src = window.webkitURL.createObjectURL(stream);
     video.play();
     }, errBack);
     }
     else if(navigator.mozGetUserMedia) {
     navigator.mozGetUserMedia(videoObj, function(stream){
     video.src = window.URL.createObjectURL(stream);
     video.play();
     }, errBack);
     }
     }, false);
    </script>
</body>
</html>
navigator.getUserMedia(videoObj, function(stream) {
     video.src = stream;
     video.play();
     }, errBack);video.src = window.webkitURL.createObjectURL(stream);Web开发学习资料推荐
javascript客户端图片预览
 JSONP跨域访问在线代理
Quote: 引用 2 楼 showbo 的回复:

navigator.getUserMedia(videoObj, function(stream) {
     video.src = stream;
     video.play();
     }, errBack);video.src = window.webkitURL.createObjectURL(stream);还是不行啊...
这个方法在ios手机上不好用啊百度 uc 微信都不能调用navigator.mediaDevices方法导致调用不成功