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>
<html>
<head>
<title>afterglow player</title>
<script src="//cdn.jsdelivr.net/npm/afterglowplayer@1.x"></script>
</head>
<body>
<video class="afterglow" id="myvideo" width="1280" height="720" poster="/path/to/myposter.jpg">
<source type="video/mp4" src="/path/to/myvideo.mp4" />
</video>
</body>
<html>
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.
Updated less than a minute ago