set html5 <video> as background to div

[SimonIoa]

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.
      </video>
      <ion-row>
        <ion-col col-4>
          some text
        </ion-col>
        <ion-col col-8>
        button         
        </ion-col>
      </ion-row>
    </div>

[rproffitt]

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.

[Purvi_1]

Hello ! please refer following link may this will help you.

https://benkaminski.com/web-development-blog/responsive-css3-html5-video-background-div-no-javascript-needed/