Javascript stop and return to poster HTML 5 video

Question

This is my javascript which pause and play the HTML 5 video when a button is pressed but I want to stop the video instead of pausing and returning to the video poster how can I achieve that?

function vidplay() {
    var video = document.getElementById("bg-vid");
    var button = document.getElementById("play");
    if (video.paused) {
        video.play();
    } else {
        video.pause();
    }
}

Answer 1

Use load() method (although I believe changing the src attribute implicitly calls it):

...
if (video.paused) {
  video.play()
} else {
  load();
}
...

Note: this method re-loads the resource, thus depending on caching settings it may be re-downloaded causing unnecessary bandwidth and CPU usage.