Basic HTML5 Video

basic-html5-video.markdown

Basic HTML5 Video

A Pen by Nat B on CodePen.

License.

index.html

<video id="vid" autoplay />

script.js

// get the video element
const vid = document.getElementById("vid");

// request the video stream
navigator.mediaDevices.getUserMedia({
 video: true
}).then((stream) => {
  // pass stream to video element
  vid.srcObject = stream;
}).catch(ex => {
  console.error(ex.message);
});

style.css

video {
  border: 1px solid black;
  height: 300px;
}