<b>Chrome Version       : <Copy from: 'about:version'></b>
URLs (if applicable) : https://jsfiddle.net/wtc0a2ek/ https://www.dropbox.com/s/zaeuei1vyzoaezq/portrait_video.mov?dl=0
Other browsers tested:
  Add OK or FAIL, along with the version, after other browsers where you
have tested this issue:
     Safari: OK Version 9.1.2 (11601.7.7)
    Firefox: FAIL 47.0.1
         IE: 

What steps will reproduce the problem?
(1) Upload a portrait-oriented video taken on an iphone to the JS Fiddle linked above. 

What is the expected result?
The video should be shown in the correct dimensions of 720x1280


What happens instead?
Instead, the video appears stretched into the dimensions of 1280x720

Please provide any additional information below. Attach a screenshot if
possible.
In Version 52.0.2743.116 of Google Chrome, there seems to be a bug in parsing the metadata of videos. When uploading a portrait-oriented video from my phone, in Version 51.0.2704.84, the video would load with the correct dimensions and in the correct orientation. However, in the latest version, the video appears to be stretched out and distorted. It seems that while chrome is respecting the rotation metadata, once it is rotated, the dimensions of the video are not switched. For example, a 720x1280 video loads on chrome as a 1280x720 video. This bug can be replicated in this JS Fiddle: https://jsfiddle.net/wtc0a2ek/ using this video: https://www.dropbox.com/s/zaeuei1vyzoaezq/portrait_video.mov?dl=0. 

 

Deleted: Chrome Portrait Video.png 288 KB

	Chrome Portrait Video.png 288 KB View Download

Deleted: Safari Portrait Video.png 1.7 MB

	Safari Portrait Video.png 1.7 MB View Download