Home/ Questions/Q 8840825
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T10:33:21+00:00

I have the following code: document.addEventListener(‘DOMContentLoaded’, function () { var video = document.querySelector(‘video’); window.navigator.webkitGetUserMedia({

  • 0

I have the following code:

document.addEventListener('DOMContentLoaded', function () {

  var video = document.querySelector('video');

  window.navigator.webkitGetUserMedia({ video: true, audio: true }, function (stream) {

    var url = window.webkitURL.createObjectURL(stream);
    video.src = stream;

  }, function (err) {
    console.log('error: ', err);
  });

});

Html:

<!DOCTYPE html>
<html>
<head>
  <meta charset='utf-8'>
  <title>getUserMedia Video Example</title>
  <script src='index.js'></script>
</head>
<body>
  <video controls autoplay />
</body>
</html>

Why isn’t it showing video?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You have to assign the url to video.src, not the stream:

    navigator.webkitGetUserMedia({ video: true, audio: true }, function ( stream ) {
    video.src = window.webkitURL.createObjectURL( stream );
}, function ( err ) {
    console.log( 'error: ', err );
});​

    Live demo: http://jsfiddle.net/FcTMk/2/ (Webkit only)

    • 0