Angular Html5 video tag

[SimonIoa]

Hello i want to make a video player with HTML5. I t has to have other angular tags and an object inside the <video> tag.
The source code below explkains what i want to do. Is it possible? Any suggestions?

<video controls preload="metadata" style="width:100%; height:100%;z-index: 100">
    <source src="//vjs.zencdn.net/v/oceans.webm" type="video/webm" />
    <source src="//vjs.zencdn.net/v/oceans.mp4" type="video/mp4" />
    <source src="//vjs.zencdn.net/v/oceans.ogg" type="video/ogg" />
            <ion-card-content>
                <ion-item (click)="goUser(media.uid_fk)">
                    <ion-avatar item-start >
                        <img src="{{media.profile_pic}}">
                    </ion-avatar>
                    <h2>{{media.username}}</h2>
                    <p>{{media.bio}}</p>
                </ion-item>
                <ion-item>
                    <h2 style="color:#fff" (click)="goMedia(media)">{{media.title}}</h2>      
                    <p>{{media.description}}</p>
                </ion-item>
            </ion-card-content>
        </video>

p.s. it shows the video but not the other inside of it, tags like h2, p ion-item