Using a poster frame

This page shows you how to use a poster frame

If you want to display a poster frame before the video starts playing (and afterwards), you have to make use of the poster parameter.

<!DOCTYPE html>
    <title>afterglow player</title>
    <script src="//"></script>
    <video class="afterglow" id="myvideo" width="1280" height="720" poster="/path/to/myposter.jpg">
        <source type="video/mp4" src="/path/to/myvideo.mp4" />

The poster frame should match the video's ratio.

This is what a basic example with a poster frame could look like:


Read more about player parameters

If you want to learn more about the player parameters that are available, you should take a look at the player parameters section.