# Error access camera from html5

**URL:** <https://forum.kirupa.com/t/error-access-camera-from-html5/332180>\
**Category:** web dev\
**Created:** [February 22, 2014, 7:23pm UTC](https://forum.kirupa.com/t/error-access-camera-from-html5/332180 "2014-02-22T19:23:59Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Tonyy](https://avatars.discourse-cdn.com/v4/letter/t/90db22/32.png) [@Tonyy](https://forum.kirupa.com/u/Tonyy)\
**Post date:** [February 22, 2014, 7:23pm UTC](https://forum.kirupa.com/t/error-access-camera-from-html5/332180/1 "2014-02-22T19:23:59Z")

</div>

I did follow the code given, and has enabled getmedia @ chrome://flags, but still got an error.  
anybody can help? (i am a newbie here).

\<!DOCTYPE html\>  
\<html\>  
\<head\>  
\<script\>  
var video = document.querySelector("#videoElement");

navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia || navigator.oGetUserMedia;

if (navigator.getUserMedia) {  
navigator.getUserMedia({video: true}, handleVideo, videoError);  
}

function handleVideo(stream) {  
video.src = window.URL.createObjectURL(stream);  
}

function videoError(e) {  
// do something  
alert(“error”);  
}  
\</script\>

\<meta charset=“utf-8”\>  
\<meta content=“stuff, to, help, search, engines, not” name=“keywords”\>  
\<meta content=“What this page is about.” name=“description”\>  
\<meta content=“Display Webcam Stream” name=“title”\>  
\<title\>Display Webcam Stream\</title\>

\<style\>  
#container {  
margin: 0px auto;  
width: 500px;  
height: 375px;  
border: 10px #333 solid;  
}  
#videoElement {  
width: 500px;  
height: 375px;  
background-color: #666;  
}  
\</style\>  
\</head\>

\<body\>  
\<div id=“container”\>  
\<video autoplay=“true” id=“videoElement”\>

```
&lt;/video&gt;

```

\</div\>

\</body\>  
\</html\>
