Video.js: First frame as poster?

[Reaper507]

Is it possible (could you add this possibility)?

[heff]

Don't set a poster, and set preload="auto". In most browsers that should show the first frame of the video.

On Jan 11, 2013, at 12:11 AM, Alexander Sidorov [email protected] wrote:

Is it possible (could you add this possibility)?

—
Reply to this email directly or view it on GitHub.

[kyleclegg]

Yep - this works great. Note that another alternative is to grab an ffmpeg library and take a snapshot from the beginning of the video. Above approach is much preferred though.

[theshine]

Hi,
I tried this method but the poster is coming up a black screen.
This is how I have it set:

[gkatsev]

@theshine do you have more of the embed code? What type of video are you using? I'm not certain whether our flash fallback can do this. If you're using html it should work.

[gkatsev]

Also, what version of videojs and what browser did you use?

[theshine]

Hi,
Thanks for the help.
This is the final page:
http://thediamond.com/fancybox/vimeotestjs5.html
Its an mp4 file.

[theshine]

I am trying it on IE, chrome and FF.
Thanks

[vedankita]

Is it working on safari and iOS without using poster attribute?

[satches]

Not working on iOs w/Chrome.

[baronkoko]

Or add preload='metadata' to load only metadata when the page loads

[Kogoruhn]

@gkatsev Hi!
I use videojs 7.4.1
The player does not put the first frame as poster IF src is .m3u8, with .mp4 works well.

[Kogoruhn]

For future googlers:

function setPoster(player) {
  player.muted(true);

  player.play().then(function(){
    player.pause();
    player.hasStarted(false);
    player.removeClass('btn-hide');

    player.one('play', function(){
      this.muted(false)
    })
  })
}

do not forget to add to your video elem some class like my btn-hide, which hides play button, control panel and spinner. And update css with

.btn-hide .vjs-big-play-button,
.btn-hide .vjs-loading-spinner,
.btn-hide .vjs-control-bar {
  display: none;
}

[KristerV]

thanks @Kogoruhn , but browsers stop autoplay these days :(

edit: So that should actually work just fine. It seems firefox has a bug with that though.