How we can preview a video in angular JS?

I have a feature in my Angular js app where in user can upload type of documents , pdf , image including video , I have made it possible to upload any files but I wanted to know how we can preview and play a video in angular js? . My html code in viewing pdf and image is at below at it is working , What preview type for video ? do we need libray to play it ?

for viewing image and pdfs

<div class="col-md-12 text-center top30 nopadding">
                                        <div class="col-md-12 pull-right">


                                            <a target="_self" href="{$ main.record.preview.preview $}" download="{$ main.record.preview.file $}"><button class="btn btn-primary pull-right inline-block"><i class="fas fa-download"></i> Download </button>
                                            </a>

                                        </div> 

                                        <div class="col-md-12 pull-right top10">
                                            <p class="inline-block pull-right">{$ main.record.preview.file $}</p>
                                        </div>      
                                    </div>

                                    <div class="col-md-12 top10"  >

                                        <img ng-class="{'hidden' : main.record.preview.type != 'image'}" style="width: 100%" class="img" src="{$ main.record.preview.preview $}">



                                        <object ng-class="{'hidden' : main.record.preview.type != 'pdf'}" ng-show="(main.record.preview.preview != undefined || main.record.preview.preview != '') && 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">
                                            <embed src="{$ main.record.preview.preview | trusted $}" type="application/pdf" />
                                        </object>


                                        <div ng-show="main.record.preview.type == 'others'" class="col-md-12 text-center text-default no-preview" >
                                            <p><i class="far fa-times-circle"></i> No Preview Available</p>
                                        </div>
                                    </div>


                                </div>
                            </div>

Source: AngularJS