Videospeler video-player

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

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

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

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);
}