I want to customize video tag

Ionic Framework ionic-v3
#1

I want to customize video tag

my video screen showing like this
video%20skn
But i want look like this
skn
how can i do that.
Please help me anyone.
thanks

#2

hi,
you can set it with the ‘poster’ property:

    this.videoTag = document.getElementById('mainVideoPlayer');
    this.videoTag.setAttribute('poster',pathToYourImage);

best,
patrik

#3

showing an error this.videoTag is null

#4

after using poster my current output

index
index.jpg718×417 8.49 KB

actually i want to do like this

index12
index12.jpg691×394 38.7 KB

below my code

   <video width="100%" controls="" poster="{{item._meta_gallery_images}}">
  		<source src="{{item._meta_gallery_images}}"  type="video/mp4">
   </video>

how can i do that?

#5

you have to define videoTag:any in your class.
And for the white background: inspect your path for the image. maybe its wrong.
btw: you have the same source for poster and video?!

#6