Page History

Modern web pages are created nowadays under the technical and design paradigm of with responsive web design in mind, so that allowing a maximum range of users with a wide variety of devices can to be reached. If you want to offer your video content professionally, it is imperative to discuss how you can optimally adjust the used player for playing your videos to meet the responsive design requirements.

The VideoManager offers you the possibility to adjust your responsive player by means of the Player Generator. Here, you can set breakpoints and also show or hide individual controls for players within the set breakpoints.

As a result, video content must be delivered in a player that meets responsive design requirements. movingimage provides this possibility and allows customization via the Player Generator.

In the Player Generator, you can set breakpoints - these are predefined points (widths of the player in pixels) that define when Breakpoints are predefined points (in pixels), where the layout of the web page should change , for example, for the display depending on the size of the device (tablets or , smartphones, etc.).

In this way, the fixed layout is avoided, where the browser of the mobile device shrink the web page in its entirety so that the content is unreadable.

addition, you can show or hide individual controls when the Player width is smaller than, larger than, or within the range of the breakpoints. This prevents the browser of a mobile device from shrinking the content to the point that it becomes unreadable.

To configure a responsive player, follow these steps:

1. First, make sure you have configured the global settings for the visibility of the controls (see

1. the "Controls" chapter).

   Info

1. By default, non-globally visible

1. controls are

1. not available

1. in responsive players.

    
   

   Page break

2. By clicking

1. the appropriate tab, enable the option "Responsive

1. Player".
   
   Image Modified
   

1. 
   
2. Define the breakpoints by using the

1. slider control. Alternatively, you directly enter the desired values in the fields provided.
   
   
2. Now you can view or hide the controls available for the respective player width, by clicking

1. the [

1. Image Added] icon of the item.
   

1. 
   

2. Click the [ Apply ] button beneath the preview player to apply your changes.

   Warning

1. Applying your changes to the player settings

1. affects all published videos

1. that use the same player.