Hello i want to show html5 video with content over it . Like background image. The whole div html5 video must be of 400px height

        <div style="height: 400px">
         <video controls poster="{{item.media_pic}}">
        <source src="{{item.image_path}}" type="video/webm" />
        <source src="{{item.image_path}}" type="video/mp4">
        <source src="{{item.image_path}}" type="video/ogg">
        Your browser does not support HTML5 video.
        <ion-col col-4>
          some text
        <ion-col col-8>

Recommended Answers

All 2 Replies

I'm thinking of an example (link to follow) where you add video width="320" height="240" as you see fit as to size.
Then look at http://jsfiddle.net/carmijoon/pZbkX/ for your text overlay.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, learning, and sharing knowledge.