Videospeler
Gemaakt voor:
- Ontwikkelaar
- Gebruiker
De videospeler is het rechthoekige gebied waar de video-inhoud wordt weergegeven in de viewer.
Als de afmetingen van de video die wordt afgespeeld niet overeenkomen met de afmetingen van de videospeler, wordt de video-inhoud gecentreerd in het rechthoekige weergavegebied van de videospeler.
De volgende CSS-klassenkiezer bepaalt de weergave van de videospeler:
.s7videoviewer .s7videoplayer
CSS-eigenschappen van de videospeler
background-color | Achtergrondkleur van de hoofdweergave. |
Het foutbericht dat wordt weergegeven als het systeem de video niet kan afspelen, kan worden gelokaliseerd. Zie Lokalisatie van gebruikersinterface-elementen voor meer informatie .
Voorbeeld - Een videoviewer instellen met een grootte van 512 x 288 pixels voor de videospeler.
.s7videoviewer .s7videoplayer{
background-color: transparent;
}
Gesloten bijschriften worden in een interne container in de videospeler geplaatst. De positie van die container wordt gecontroleerd door gesteunde WebVTT plaatsende exploitanten. De bijschrifttekst zelf bevindt zich in die container en de stijl ervan wordt bestuurd met de volgende CSS-klassenkiezer:
. s7videoviewer .s7 videoplayer .s7caption
CSS-eigenschappen van closed captioning
background-color | Achtergrond van tekstbijschrift met gesloten bijschrift. |
kleur | Tekstkleur van bijschrift sluiten. |
font-weight | Dikte lettertype van gesloten bijschrift. |
tekengrootte | Tekengrootte van gesloten bijschrift. |
font-family | Lettertype voor gesloten bijschrift. |
Voorbeeld - Als u een Closed Caption-tekst wilt instellen op 14 pixels, lichtgrijs, ArialĀ®, op een halftransparante zwarte achtergrond:
.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;
}
De vormgeving van de bufferanimatie wordt bepaald door de volgende CSS-klassenkiezer:
.s7videoviewer .s7videoplayer .s7waiticon
CSS-eigenschappen van wachtpictogram
CSS-eigenschap | Beschrijving |
---|---|
width | Breedte van animatiepictogram. |
height | Hoogte van animatiepictogram. |
margin-left | Linkermarge van animatiepictogram, normaal gesproken min de helft van de breedte van het pictogram. |
margin-top | Bovenmarge van animatiepictogram, normaal gesproken min de helft van de hoogte van het pictogram. |
achtergrondafbeelding | Illustraties uitnemen. |
Voorbeeld - als u een bufferanimatie wilt instellen op 101 pixels breed en 29 pixels hoog:
.s7videoviewer .s7videoplayer .s7waiticon {
width: 101px;
height: 29px;
margin-left: -50px;
margin-top: -15px;
background-image: url(images/sdk/busyicon.gif);
}