how do get VideoJS to show poster on ended event

[peterbelsky]

This code does trigger on ended, shows the bigPlayButton but does not show the posterImage ??? anyone know the correct way to accomplish. using videojs 4.3.0

videojs("example_video_1").ready(function(){

var vid = this;
vid.on("ended", function(){
alert ("I have triggered");
vid.posterImage.show();
vid.bigPlayButton.show();
vid.currentTime(0);
});

});

[heff]

The code you have there is actually working for me.
http://jsbin.com/EGAyOYi/2/edit

What browser/platform, and can you create a jsbin where it's not working?

[peterbelsky]

thanks, I see your right... it works in jsbin not sure why it does not for me... here is my jsbin:
http://jsbin.com/uxaDiLE/1/

osx 10.9.1
firefox Version 26
chrome Version 32.0.1700.102
safari Version 7.0.1 (9537.73.11)

[peterbelsky]

Hi Heff,
thanks, I think I found the issue is with the css that I am using that allows for responsive layouts is what breaks the code.

[heff]

Seems to have something to do with the added styles. I commented those out and it worked for me. Not sure exactly what though.

http://jsbin.com/uxaDiLE/4/edit

[peterbelsky]

thanks heff... these styles we added to allow for responsive width for video player... from this link:
#384 (comment)

It seems that this css is not friendly with vid.posterImage.show(); function.

Do you by any chance know a different way to accomplish?

[heff]

We're discussing this in #982. Check the related issues for some different options.