HTML5 Video poster

[Graveto]

Hi,

does anyone know how to change the poster of a html5 video onClick?

This is how I change the source:

Code: Select all

function loadAnotherVideo() {
  var video = document.getElementsByTagName('video')[0];
  var sources = video.getElementsByTagName('source');
  sources[0].src = 'video2.ogv';
  video.load();
}

Is there a similar way to change the poster?

Thanks.
Graveto

[Graveto]

Oops. This was easy!
Here is the solution:

Code: Select all

video.setAttribute('poster', 'yourNewPoster.jpg');

[zcorpan]

The easier way is

Code: Select all

video.poster = 'yourNewPoster.jpg';