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:

.s7mixedmediaviewer .s7videoplayer

CSS eigenschappen van de videospeler

Het foutbericht dat wordt weergegeven als het systeem de video niet kan afspelen, kan worden gelokaliseerd. Zie ​ Localisatie van gebruikersinterfaceelementen ​ voor meer informatie.

Voorbeeld - De videospeler transparant maken:

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

Bijschriften worden in de 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; de stijl ervan wordt bestuurd met de volgende CSS-klassenkiezer:

.s7mixedmediaviewer .s7videoplayer .s7caption

CSS eigenschappen van titels

Voorbeeld - Een bijschrifttekst instellen op 14-pixel lichtgrijs Arial® op een halftransparante zwarte achtergrond:

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

De vormgeving van de bufferanimatie wordt bepaald door de volgende CSS-klassenkiezer:

.s7mixedmediaviewer .s7videoplayer .s7waiticon

CSS eigenschappen van wachttijdpictogram

Voorbeeld - Als u een bufferanimatie wilt instellen op 101 pixels breed en 29 pixels hoog:

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