title: Custom receiver doesn't display image correctly
body: <p>I'm using chromecast SDK 3.0 and want to create custom receiver. It works good with video and audio, but has problems with images casting.
  <br>in <strong>html</strong> file:</p>
  
  <pre><code>&lt;body style="margin: 0"&gt;
           &lt;img id="androidImage" src="" /&gt;
  ...
  </code></pre>
  
  <p><br>in <strong>js</strong> file:</p>
  
  <pre><code>sampleplayer.CastPlayer.prototype.loadImage_ = function(info) {
    this.log_('loadImage_');
    var url = info.message.media.contentId;
    document.getElementById("androidImage").src=url;
    this.setState_(sampleplayer.State.PLAYING, true);
  };
  </code></pre>
  
  <p>With such implementation image appears on one second and disappears with replacing to background image. Also image is displayed with incorrect fit size. To style scale type I've used such code:</p>
  
  <pre><code>&lt;style&gt;
        img#androidImage {
          height:100%;
          width:100%;
        }
    &lt;/style&gt;
  </code></pre>
  
  <p>Does somebody have some input? Thanks!</p>