title: Videogular Not Loading
body: <p>I'm trying to implement Videogular in my website, but without all the stuff that comes with downloading the GitHub project. I want to only use videogular.js, the plugins, and the default theme. When I load the page however, its the default HTML5 video player and Videogular is not implemented.</p>
  
  <p>My html code looks like: </p>
  
  <pre><code>&lt;html ng-app="myapp"&gt;
      &lt;head&gt;
          &lt;script src="angular.min.js"&gt;&lt;/script&gt;
          &lt;script src="jquery-2.0.3.min.js"&gt;&lt;/script&gt;
          &lt;script src="videogular/videogular.js"&gt;&lt;/script&gt;
          &lt;script src="videogular/plugins/controls.js" type="text/javascript"&gt;&lt;/script&gt;
          &lt;script src="videogular/plugins/overlay-play.js" type="text/javascript"&gt;&lt;/script&gt;
          &lt;script src="videogular/plugins/buffering.js" type="text/javascript"&gt;&lt;/script&gt;
          &lt;script src="videogular/plugins/poster.js" type="text/javascript"&gt;&lt;/script&gt;
          &lt;script src="videoserve.js"&gt;&lt;/script&gt;
          &lt;link rel="stylesheet" type="text/css" href="test.css"&gt;
      &lt;/head&gt;
      &lt;body ng-controller="MyController"&gt;
          &lt;div id="videoDiv"&gt;
              &lt;videogular vg-responsive="config.responsive" vg-autoPlay="config.autoPlay"&gt;
                  &lt;video class='videoPlayer' controls preload='metadata'&gt;
                      &lt;source src='assets/videos/Test 1080p HD.mp4' type='video/mp4'&gt;
                  &lt;/video&gt;
                  &lt;vg-poster-image vg-url='config.plugins.poster.url' vg-stretch="config.stretch.value"&gt;&lt;/vg-poster-image&gt;
                  &lt;vg-buffering&gt;&lt;/vg-buffering&gt;
              &lt;/videogular&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And my js file looks like: </p>
  
  <pre><code>var app = angular.module('myapp', [
  ]);
  
  app.controller('MyController', function($scope) {
      $scope.stretchModes = [
          {label: "None", value: "none"},
          {label: "Fit", value: "fit"},
          {label: "Fill", value: "fill"}
      ];
  
      $scope.config = {
          width: 740,
          height: 380,
          autoHide: false,
          autoPlay: true,
          responsive: false,
          stretch: $scope.stretchModes[0],
          transclude: true,
          theme: {
                  url: "videogular/default/videogular.css",
                  playIcon: "&amp;#xe000;",
                  pauseIcon: "&amp;#xe001;",
                  volumeLevel3Icon: "&amp;#xe002;",
                  volumeLevel2Icon: "&amp;#xe003;",
                  volumeLevel1Icon: "&amp;#xe004;",
                  volumeLevel0Icon: "&amp;#xe005;",
                  muteIcon: "&amp;#xe006;",
                  enterFullScreenIcon: "&amp;#xe007;",
                  exitFullScreenIcon: "&amp;#xe008;"
              },
          plugins: {
              poster: {
                  url: "assets/images/logo.png"
              }
          }
      };
  });
  </code></pre>
  
  <p>I don't really see anything that I'm missing. I have the config object in the scope and a theme set (which apparently is mandatory). Does anyone see something that I can't?</p>
  
  <p>EDIT: Never mind, turns out I forgot to include <code>ngSantize</code> and it's js file to my html header.</p>