title: Angular js how to play a video (video player)
body: <p>Below on my HTML code that is how i loaded pdf and image documents and it seem to work. But I cant seem to load ang play a video? it does not work, is there a directive for that ? do i need a player for that ? Any idea would really be a help. I know this is not about code debugging guys but i do hope you understand. Also I already have a feature to upload and call the video , the problem is I dont know the feature how to have a preview or a player for it. Thank you.</p>
  
  <pre><code>&lt;div class="col-md-12 top10"&gt;
  
  &lt;img ng-class="{'hidden' : main.record.preview.type != 'image'}"
       style="width: 100%" class="img"
       src="{$ main.record.preview.preview $}"&gt;
  
  &lt;object ng-class="{'hidden' : main.record.preview.type != 'pdf'}"
          ng-show="(main.record.preview.preview != undefined || main.record.preview.preview != '') &amp;&amp; main.record.preview.type == 'pdf"
          data="{$ main.record.preview.preview | trusted $}" style="width: 100%;height: 800px"
          data="{$ main.record.preview.preview | trusted $}" type="application/pdf"&gt;
      &lt;embed src="{$ main.record.preview.preview | trusted $}" type="application/pdf" /&gt;
  &lt;/object&gt;
  
  
  &lt;div ng-show="main.record.preview.type == 'others'"
       class="col-md-12 text-center text-default no-preview"&gt;
      &lt;p&gt;&lt;i class="far fa-times-circle"&gt;&lt;/i&gt; No Preview Available&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>