title: Add (@host)listener for fullscreen change
body: <p>I want to detect if the fullsceen mode is enabled by using the HTML5 <code>fullscreen API</code>. I'm using <code>Chrome</code> and <code>Angular 4.x</code>.</p>
  
  <p>I've created an Angular component and added following <code>@HostListener</code>:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>@HostListener('document:webkitfullscreenchange', [$event])
  FSHandler(event: KeyboardEvent) {
    console.log('fullscreen mode changed...');
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>This doesn't work for some reason. I've tried removing the browser prefix, capturing other events like <code>webkitFullscreenEnabled</code>, but all of that didn't help.</p>
  
  <p>Any suggestions? Thanks.</p>