title: angularjs, add loop property to video
body: <p>Probably missing something simple here but how do I add the 'loop' property to a video in my directive?</p>
  
  <p>I've a variable <code>videoLoop</code> which is two way bound to the directive:</p>
  
  <p><code>&lt;video class="x-video" ng-src="{{vm.videoSrc}}" autoplay {{vm.videoLoop}}&gt;&lt;/video&gt;</code></p>
  
  <p>Where <code>vm.videoLoop</code> is equal to <code>loop</code>. This doesn't interpolate though.</p>
  
  <p>I've also tried:</p>
  
  <p><code>&lt;video class="x-video" ng-src="{{vm.videoSrc}}" autoplay loop="{{vm.videoLoop}}"&gt;&lt;/video&gt;</code></p>
  
  <p>Where <code>vm.videoLoop</code> is equal to false. If I do this the attribute evaluates  to true and it continues looping. Any ideas?</p>