everybody.
I Have a problem with the poster attribute en html5 video tag. I'm doing an app with ionic Framework and I need show some videos inside, the videos extension are m3u8. When I play the video just get sound and the poster attribute doesn't hide, but if I pause and play the poster attribute again,it hides and the video works perfectly.It is like the video is behind the poster attribute and when I pause and play disappears.
my code it is:
<video id="myVideo" src={{vm.videoName.uris.HLS}} preload="auto" poster="{{vm.videoName.thumbs.l.url}}" style="width:100%;" webkit-playsinline="1" controls></video>
I momently solved this using a settimeout doing an automatic pause and play function but is not the solution that i want.
code:
setTimeout(function(){
document.getElementById("myVideo").pause();
console.log('paused');
document.getElementById("myVideo").play();
console.log('playing');
}, 6000);
someone can help me, thanks a lot.