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:

.s7mixedmediaviewer .s7videoplayer

CSS-egenskaper för videospelaren

Det felmeddelande som visas om systemet inte kan spela upp videon kan lokaliseras. Mer information finns i Lokalisering av användargränssnittselement.

Exempel - Gör videospelaren genomskinlig:

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

Bildtexter 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. Formatet styrs med följande CSS-klassväljare:

.s7mixedmediaviewer .s7videoplayer .s7caption

CSS-egenskaper för bildtexter

Exempel - Så här ställer du in bildtexten till 14 pixlar ljusgrå Arial® på en halvgenomskinlig svart bakgrund:

.s7mixedmediaviewer .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:

.s7mixedmediaviewer .s7videoplayer .s7waiticon

CSS-egenskaper för vänteikonen

Exempel - Om du vill ställa in en buffringsanimering som 101 pixlar bred, 29 pixlar hög:

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