Member Avatar for 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>
  • 3 Contributors
  • 2 Replies
  • 2K Views
  • 2 Months Discussion Span
  • Latest Post Latest Post by Purvi_1
Member Avatar for 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.

Be a part of the DaniWeb community

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