Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: removed link to German version
Scroll Ignore

Image Removed DE

Note

Please note that the configuration for a responsive player is a bookable feature and possibly not available in your VideoManager.

Modern web pages are created with responsive web design in mind, allowing a maximum range of users with a wide variety of devices to be reached. It is imperative to offer video content on a player that meets responsive design requirements. The VideoManager 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 the layout of the web page should change depending on the size of the device (tablets, smartphones, etc.). In 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.

Note

Configurations for responsive players applies only to HTML5 players.

To configure a responsive player, proceed as follows:

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

    Info

    Controls that are not globally visible, are automatically not available on responsive players.


    Page break

  2. By clicking the appropriate tab, enable the option "Responsive Player".



  3. Define the breakpoints by using the slider control. Alternatively, you directly enter the desired values in the fields provided.

  4. Now you can view or hide the controls available for the respective player width, by clicking the [] icon of the item.

  5. Click the [Save] button beneath the preview player to save the changes.

    Warning

    By saving your player settings, all published videos using this player are affected.