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:

.s7interactivevideoviewer .s7videoplayer

CSS-eigenschappen van de videospeler

U kunt het foutbericht lokaliseren dat wordt weergegeven wanneer het systeem de video niet kan afspelen.

Zie Lokalisatie van gebruikersinterface-elementen.

Voorbeeld - Een videoviewer instellen met een grootte van 512 x 288 pixels voor de videospeler.

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

.s7interactivevideoviewer .s7videoplayer .s7caption

CSS-eigenschappen van closed captioning

Voorbeeld section-5b82913ff3c44b7b8187969cb15e9560

Als u een Closed Caption-tekst wilt instellen op 14 pixels, lichtgrijs, Arial®, op een halftransparante zwarte achtergrond:

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

.s7interactivevideoviewer .s7videoplayer .s7waiticon

CSS-eigenschappen van wachtpictogram

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

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