burgwyn/basic-html5-video.markdown

## basic-html5-video.markdown

      
        
                
      Raw
    
  

        
        
          
            
          
          
            
              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;
}
	// 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);
	});