title: Angular 2 Azure Media Services Video Playback
body: <p>I cannot play an Azure Media Services video using Angular. I have a simple html page that works:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;link href="//amp.azure.net/libs/amp/1.3.0/skins/amp-default/azuremediaplayer.min.css" rel="stylesheet"&gt;
      &lt;script src="//amp.azure.net/libs/amp/1.3.0/azuremediaplayer.min.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  &lt;video id="azuremediaplayer" class="azuremediaplayer amp-default-skin amp-big-play-centered" controls autoplay width="640" height="400" poster="" data-setup='{"nativeControlsForTouch": false}' tabindex="0"&gt;
          &lt;source src="http://amssamples.streaming.mediaservices.windows.net/91492735-c523-432b-ba01-faba6c2206a2/AzureMediaServicesPromo.ism/manifest" type="application/vnd.ms-sstr+xml" /&gt;
          &lt;p class="amp-no-js"&gt;To view this video please enable JavaScript, and consider upgrading to a web browser that supports HTML5 video&lt;/p&gt;
  &lt;/video&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>But when I add the exact same video tag to an Angular component, it is just a block box that doesn't play my video. </p>
  
  <p>I added the following to my index.html page:</p>
  
  <pre><code>&lt;link href="//amp.azure.net/libs/amp/1.3.0/skins/amp-default/azuremediaplayer.min.css" rel="stylesheet"&gt;
  &lt;script src="//amp.azure.net/libs/amp/1.3.0/azuremediaplayer.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>And I added the video tag to my component html page:</p>
  
  <pre><code>&lt;video id="azuremediaplayer" class="azuremediaplayer amp-default-skin amp-big-play-centered" controls autoplay width="640" height="400" poster="" data-setup='{"nativeControlsForTouch": false}' tabindex="0"&gt;
          &lt;source src="http://amssamples.streaming.mediaservices.windows.net/91492735-c523-432b-ba01-faba6c2206a2/AzureMediaServicesPromo.ism/manifest" type="application/vnd.ms-sstr+xml" /&gt;
          &lt;p class="amp-no-js"&gt;To view this video please enable JavaScript, and consider upgrading to a web browser that supports HTML5 video&lt;/p&gt;
  &lt;/video&gt;
  </code></pre>
  
  <p>It's the simplest possible setup, with only one module and one component, and nothing else on the page. I created the project using Angular's latest quickstart sample, so I should have the latest packages. What am I missing?</p>