What steps will reproduce the problem?
1. Launch AppRTC Mobile on iOS device.
2. Enter a room from iOS when device is in portrait orientation.
3. Enter the same room from Chrome.
4. Open Javascript console in Chrome and paste the following code:

document.querySelectorAll('video').forEach(videoEl =>
    videoEl.addEventListener('resize', () => console.log(videoEl.id, videoEl.videoWidth, videoEl.videoHeight))
);

5. Rotate iOS device to landscape and back to portrait.

What is the expected result?
'resize' event is performed for remote video element and there is an output in Javascript console when iOS device is rotated to landscape and back:

remote-video 640 480
remote-video 480 640

What do you see instead?
Nothing happens, 'resize' is not called. Web app cannot adopt to video proportions change.


What version of the product are you using? On what operating system?
Chrome Version 61.0.3163.91 (Official Build) (64-bit)
macOS 10.12.6 (16G29)

Remote iOS client: AppRTC build from latest commit in master: 7de1eb7bdc7212fb80ba209ee8c593e8232a2e40
iOS 11.0 GM build

Please provide any additional information below.

This is very similar to the previous issue I submitted a while ago except now it's reproducible for any codec, not just H264. Previous issue was moved to Chromium tracker.
https://bugs.chromium.org/p/chromium/issues/detail?id=740049

It works as expected in Firefox 55.0.3

 

Deleted: event_log.214.1 449 KB

event_log.214.1 449 KB Download