UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.84 Safari/537.36

Steps to reproduce the problem:
Launch following code from console on any page:

navigator.mediaDevices.getUserMedia({
		video: {
			width: { exact: 1280 },
			height: { exact: 720 }
		}
	})
	.then(function(stream){
		let video = document.createElement('video');
		video.src = URL.createObjectURL(stream);
		video.onloadedmetadata = function() {
			console.log('width is', this.videoWidth);
	      		console.log('height is', this.videoHeight);
    		};
		document.body.appendChild(video);
	})
	.catch(e => console.log(e));

What is the expected behavior?
If my web camera supports 1280x720, I should get HD video and console should log 1280 and 720 respectively.
If my web camera does not support 1280x720, I should get "ConstraintNotSatisfied" error.

What went wrong?
I'm getting 640x480 resolution.

Did this work before? N/A 

Chrome version: 53.0.2769.0 canary (64-bit)  Channel: canary
OS Version: OS X 10.11.5
Flash Version: Shockwave Flash 21.0 r0

Tested with Facetime HD camera on MacBook 13" late 2011. Also tested with some Logitech webcam (it doesn't actually support HD, but no "ConstraintNotSatisfied" is thrown and I receive 640x480 stream).

This also seems to be reproducible in Chrome 51 stable with navigator.webkitGetUserMedia.

Changing "exact" to "ideal" still gives 640x480 resolution for me on Facetime HD camera.

If I use "min" constraint instead of "exact" or "ideal", I'm getting 1280x720 resolution:

navigator.mediaDevices.getUserMedia({
		video: {
			width: { min: 1280 },
			height: { min: 720 }
		}
	})
	.then(function(stream){
		let video = document.createElement('video');
		video.src = URL.createObjectURL(stream);
		video.onloadedmetadata = function() {
			console.log('width is', this.videoWidth);
	      		console.log('height is', this.videoHeight);
    		};
		document.body.appendChild(video);
	})
	.catch(e => console.log(e));

For "advanced" constraints "exact" syntax is also not working:

navigator.mediaDevices.getUserMedia({
		video: {
			advanced: [
				{ 
					width: { exact: 1920 }, 
					height: { exact: 1080 }, 
				},
				{
	        			width: { exact: 1280 },
	        			height: { exact: 720 },
		        	},
		     		{
				        width: { exact: 960 },
				        height: { exact: 720 }
		    		},
		    		{
				        width: { exact: 640 },
				        height: { exact: 360 }
		    		},
		    		{
				        width: { exact: 640 },
				        height: { exact: 480 }
		    		},
		    		{
				        width: { exact: 320 },
				        height: { exact: 180 }
		    		},
		    		{
				        width: { exact: 320 },
				        height: { exact: 240 }
	        		}
			]
		}
	})
	.then(function(stream){
		let video = document.createElement('video');
		video.src = URL.createObjectURL(stream);
		video.onloadedmetadata = function() {
			console.log('width is', this.videoWidth);
	      		console.log('height is', this.videoHeight);
    		};
		document.body.appendChild(video);
	})
	.catch(e => console.log(e));

It still resolves to 640x480 resolution, while changing "exact" to "min" makes it select the 1280x720.