Zone de visionneuse principale main-viewer-area

La zone d’affichage principale est occupée par la vidéo. Il est généralement configuré pour s’adapter à l’écran de l’appareil disponible lorsqu’aucune taille n’est spécifiée.

Le sélecteur de classe CSS suivant contrôle l’aspect de la zone d’affichage :

.s7smartcropvideoviewer

Propriétés CSS de la zone de visionneuse principale css-properties-of-the-main-viewer-area

Exemple section-e8caea0a303c425a8a637c2a47c06355

Pour configurer une visionneuse de vidéos avec recadrage intelligent sur arrière-plan blanc (#FFFFFF) et définir sa taille sur 512 x 288 pixels :

.s7smartcropvideoviewer {
 background-color: #FFFFFF;
 width: 512px;
 height: 288px;
}