Chrome Version       : chrome 56,57,58,59
URLs (if applicable) : https://webrtc.github.io/samples/src/content/getusermedia/gum/
OS version               : Android 7.0
Network (such as Cable/DSL/Dial up etc):
Audio/Video format (if applicable):
Special chrome flags (if applicable):

Behavior in Safari (if known):
Behavior in Firefox (if known): ok, workable

Video issue

HTML5


What steps will reproduce the problem?
(1) I have tried the versions(56~59) of chrome in android 7.0 to open the webrtc live demo 'Basic getUserMedia demo' , the url is https://webrtc.github.io/samples/src/content/getusermedia/gum/
(2)The live demo's local-stream video's window is black screen for the android 7.0's cellphone(sony,huawei,htc).
(3) But the latest version of Firefox in Android 7.0 is workable，the local video  is in the window.
(4)The versions(56~59) of chrome in android 6.0 or below are also workable.


Any additional information (anything else which may help us debug the
issue)?


Please attach the HTML5/JavaScript code or audio/video files as well as
screenshot and/or videos (if applicable)

public call(){
    var mediaOptions = { audio: true, video: true };
    if (!navigator.getUserMedia) {
      navigator.getUserMedia = (<any>navigator).getUserMedia || (<any>navigator).webkitGetUserMedia || (<any>navigator).mozGetUserMedia ||          (<any>navigator).msGetUserMedia;;
    }
    if (!navigator.getUserMedia) {
      return alert('getUserMedia not supported in this browser.');
    }
    navigator.getUserMedia(mediaOptions, (stream: MediaStream) => {
      let video = document.querySelector('#localVideo');

      var videoTracks = stream.getVideoTracks();
      console.log('Using video device: ' + videoTracks[0].label+'|'+videoTracks[0].id+'|'+
        videoTracks[0].kind+'|'+videoTracks[0].enabled);

      stream.oninactive = function() {
        console.log('Stream inactive');
      };
      stream.onactive = function() {
        console.log('Stream onactive');
      };
      (<any>window).stream = stream; // make variable available to browser console
      (<any>video).srcObject = stream;
    }, function (e) {
      console.log('navigator.getUserMedia error:'+e);
    });
  }

  <div style="border:1px solid red">
    <video id="localVideo" autoplay muted style="width:100%;hegiht:100px">

    </video>
  </div>