Cover image size is in relation to the iframe size that you wish to display on your site and whether chatroom is enabled or not as player and chatroom are placed within the iframe. Therefore, cover image size needs to be adjusted based on those component sizes.
Follow steps below to calculate cover image size
1: Determine iframe width
2: Based on iframe width, see Player: Chatroom ratio as shown in a table to calculate player & chatroom width
3 : Use player width to calculate cover image full display size in 16:9 ratio
| iframe Width | Player : Chatroom Ratio |
| 700~960px | 2:1 |
| 960-1280px | 2:1 |
| 1280px ~ | 3:1 |
| Player ratio 16:9 | |
Example A : Chatroom enabled
- iframe width 1200px , refer to table that Player: Chatroom ration = 2:1
- Player width 800px and chatroom width 400px
- Use player width 800px to calculate player height in 16:9 ration ; cover image full display = 800px x 450px
Example B : Chatroom not enabled
- iframe width 960px and only player is in the iframe
- Use player width 960 to calculate player height in 16:9 ration ; cover image full display = 960px x 540px
Example C: iframe width below 700px
- Always use player 16: 9 ratio to calculate cover image size.
Note that the devices and browsers end-users use are factors to affect the display of cover image therefore cannot assure the same full display on different devices screens.