Videospelare
Skapat för:
- Utvecklare
- Användare
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:
.s7videoviewer .s7videoplayer
CSS-egenskaper för videospelaren
| background-color | Huvudvyns bakgrundsfärg. |
Det felmeddelande som visas om systemet inte kan spela upp videon kan lokaliseras. Mer information finns i Lokalisering av användargränssnittselement.
Exempel - Om du vill ställa in ett videovisningsprogram med videospelarens storlek inställd på 512 x 288 pixlar.
.s7videoviewer .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:
. s7videoviewer .s7 videoplayer .s7caption
CSS-egenskaper för undertextning
| background-color | Textbakgrund för dold text. |
| färg | Stäng bildtextens färg. |
| font-weight | Teckensnittsbredd för dold bildtext. |
| font-size | Teckensnittsstorlek för dold text. |
| font-family | Textningsteckensnitt. |
Exempel - Så här ställer du in en textning som är 14 pixlar, ljusgrå Arial®, på en halvgenomskinlig svart bakgrund:
.s7videoviewer .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:
.s7videoviewer .s7videoplayer .s7waiticon
CSS-egenskaper för vänteikonen
| CSS-egenskap | Beskrivning |
|---|---|
| width | Animeringsikonens bredd. |
| height | Höjd på animeringsikonen. |
| marginal-vänster | Animeringsikonens vänstermarginal, normalt minus halva ikonens bredd. |
| marginal-top | Animeringsikonens övre marginal, normalt minus halva ikonens höjd. |
| background-image | Knacka teckningar. |
Exempel - för att ställa in en buffringsanimering som 101 pixlar bred och 29 pixlar hög:
.s7videoviewer .s7videoplayer .s7waiticon {
width: 101px;
height: 29px;
margin-left: -50px;
margin-top: -15px;
background-image: url(images/sdk/busyicon.gif);
}