Videospelare video-player

Videospelaren är det rektangulära området där videoinnehållet visas i visningsprogrammet.

Om dimensionerna för videon som spelas upp inte matchar dimensionerna för videospelaren centreras videoinnehållet i videospelarens rektangulära visningsområde.

Följande CSS-klassväljare styr videospelarens utseende:

.s7interactivevideoviewer .s7videoplayer

CSS-egenskaper för videospelaren

Du kan lokalisera felmeddelandet som visas om systemet inte kan spela upp videon.

Se Lokalisering av element i användargränssnittet.

Exempel - Om du vill ställa in ett videovisningsprogram med videospelarens storlek inställd på 512 x 288 pixlar.

.s7interactivevideoviewer .s7videoplayer{
background-color: transparent;
}

Undertexter placeras i en intern behållare inuti videospelaren. Placeringen av behållaren styrs av WebVTT-positioneringsoperatorer som stöds. Bildtexten finns inuti den behållaren och dess format styrs med följande CSS-klassväljare:

.s7interactivevideoviewer .s7videoplayer .s7caption

CSS-egenskaper för undertextning

Exempel section-5b82913ff3c44b7b8187969cb15e9560

Så här ställer du in en textning som ska vara 14 pixlar, ljusgrå Arial®, på en halvgenomskinlig svart bakgrund:

.s7interactivevideoviewer .s7videoplayer .s7caption {
 background-color: rgba(0,0,0,0.75);
 color: #e6e6e6;
 font-weight: normal;
 font-size: 14px;
 font-family: Arial,Helvetica,sans-serif;
}

Utseendet på buffringsanimeringen styrs med följande CSS-klassväljare:

.s7interactivevideoviewer .s7videoplayer .s7waiticon

CSS-egenskaper för vänteikonen

Exempel - för att ställa in en buffringsanimering som 101 pixlar bred och 29 pixlar hög:

.s7interactivevideoviewer .s7videoplayer .s7waiticon {
 width: 101px;
 height: 29px;
 margin-left: -50px;
 margin-top: -15px;
 background-image: url(images/sdk/busyicon.gif);
}