Overview
How it works
Autoplay appears near the end of a video or audio item, which can be either part of a series or playlist.
The autoplay panel is made up of the following:
- Countdown labelling. For example, 'next episode starts in…'
- The countdown timer, which is made up of;
- A circular countdown indicator
- A numerical countdown timer inside the circle
- A thumbnail image, title and description text of the next item
- A 'cancel' label
- A 'close' button (optional)
As the countdown progresses, the filled circular countdown indicator empties anti-clockwise to show the passage of time. The filled colour value of the countdown is usually the primary brand colour of the parent product.
The numerical timer counts down to '1', after which the autoplay panel vanishes and the next item begins to play.
Skipping the autoplay countdown
Clicking or tapping on the next item will play it straight away.
It can also be done on TV by pressing the 'select' button on the remote control.
If you are using a keyboard, pressing the 'enter' key will cancel autoplay.
Cancelling the autoplay countdown
You can cancel autoplay by clicking or tapping anywhere on the countdown timer or on the 'cancel' button.
The numerical timer changes into an 'X' button and the 'cancel' button is highlighted.
If you are hovering with a mouse over the countdown timer, the countdown will pause.
On TV, pressing 'left' on your remote control highlights and pauses the countdown timer, from this point, you can press 'select' to cancel the countdown timer.
If you press the 'enter' button on your keyboard, you cancel the countdown timer.
After the countdown is cancelled
When you have cancelled the countdown, it disappears but the next item stays in the panel, sliding left to fill the empty space.
Cancelling the countdown by interacting with other items
Sometimes the autoplay panel is accompanied by a recommendation playlist of other videos or audio.
If you choose to look at the playlist and scroll through the content, the autoplay countdown will be cancelled. This allows you time to browse other content.
On TV, pressing the 'right' button on your remote control to go to the next item will dismiss the countdown.
Cancelling autoplay by closing the panel
If you choose to close the autoplay panel, the countdown will be cancelled.
You can do this on touch devices by tapping outside the panel or the 'close' button and with a mouse by clicking the 'close' button. On keyboard, use the 'tab' key to navigate to the 'close' button.
On TV, you can dismiss the panel by pressing 'back' button on your remote control.
Rules
Elements
Autoplay should include the following elements:
- Countdown labelling ('next episode starts in…')
- The countdown timer which is made up of;
- A circular countdown indicator
- A numerical countdown timer inside the circle
- Title and description text of the next item
Countdown
The animation of the circular countdown emptying is distinctive as a countdown and easy to spot. It will not be confused with a progress bar and it has a big enough tap target area on a touch device. Also, it helps to draw the eye to the countdown and understand the function.
The numerical countdown timer should also be there to reinforce the message and give concrete information about when the media will start.
Labelling
Labelling should be appropriate to the content being played and should make a connection with the numerical countdown timer.
It should be in sentence format. For example:
- Next video starts in…
- Next programme starts in…
- Next episode starts in…
- Up next in…
Positioning
The autoplay panel should be positioned to the right-hand-side of the player, sitting just above the player controls so that they remain accessible when they appear.
Accessibility
When the autoplay panel appears, the keyboard focus is on the autoplay panel title so that if you are using a screen reader, it will read out "the next item is about to play. Press 'enter' to cancel".
The next item will play automatically unless you press the 'enter' or 'tab' key.
Pressing the 'enter' key cancels the countdown timer and the keyboard focus moves to the next item. The screen reader then reads out the title of the next item allowing you to decide if you'd like to watch it.
If you pressed the 'tab' key, the countdown would pause and the screen reader would read out "cancel automatic play of next episode".
Note
We are always working to improve usability and accessibility across our products.
Please be aware that the accessibility guidance in this document is subject to change based on user testing to be conducted after publication.
Variations
Compact version
The ´óÏó´«Ã½ Standard Media Player (SMP) should not be used at sizes smaller than 266px. Therefore, the autoplay panel cannot be smaller than 266px and in this case, it would cover the whole player.
When should autoplay appear?
When autoplay appears depends on the following;
- The length of the media it appears on
- Whether the programme has end credits or not
On a programme with end credits, autoplay should appear 15 seconds before the end of the programme.
This also applies to radio programmes where there is no image that will be hidden by the autoplay panel.
For shorter video and audio clips without credits, it is best to wait until after the item has stopped playing before introducing the autoplay panel.
Length/duration of countdown
This also depends on the length of the media that is playing. For programmes with end credits, the countdown should be 15 seconds long.
For shorter clip content, we recommend a countdown of 5 seconds.
More to watch/recommendation playlist
The autoplay panel can be followed by a recommendation playlist. This is good practice because it gives people more options but it is not an essential part of the autoplay experience.