Bildtext, knapp caption-button
Med den här knappen växlar du visning av undertexter. Den är inte synlig om bildtextparametern inte har angetts.
Med CSS kan du ändra storlek på, skalförändra och placera den här knappen i förhållande till kontrollfältet som innehåller den.
Utseendet på den här knappen styrs av följande CSS-klassväljare:
.s7smartcropvideoviewer .s7closedcaptionbutton
CSS-egenskaper för bildtextknappen
NOTE
Den här knappen har stöd för båda
state
och selected
attributväljare, som kan användas för att tillämpa olika skal på olika knapplägen. Särskilt gäller följande: selected='true'
motsvarar läget när bildtexter är synliga och selected='false'
används när bildtexter är dolda.Knappens funktionsbeskrivning kan lokaliseras. Se Lokalisering av användargränssnittselement för mer information.
Exempel section-e8caea0a303c425a8a637c2a47c06355
Så här ställer du in en undertextningsknapp som är 28 x 28 pixlar. Den placeras fyra pixlar från kontrollfältets övre kant och 68 pixlar från kontrollfältets högra kant. Och slutligen, visar en annan bild för vart och ett av de fyra olika knapplägena när de är markerade eller inte markerade.
.s7smartcropvideoviewer .s7closedcaptionbutton {
position:absolute;
top:4px;
right:68px;
width:28px;
height:28px;
}
.s7smartcropvideoviewer .s7closedcaptionbutton[selected='true'][state='up'] {
background-image:url(images/v2/ClosedCaptionButton_up.png);
}
.s7smartcropvideoviewer .s7closedcaptionbutton[selected='true'][state='over'] {
background-image:url(images/v2/ClosedCaptionButton_over.png);
}
.s7smartcropvideoviewer .s7closedcaptionbutton[selected='true'][state='down'] {
background-image:url(images/v2/ClosedCaptionButton_down.png);
}
.s7smartcropvideoviewer .s7closedcaptionbutton[selected='true'][state='disabled'] {
background-image:url(images/v2/ClosedCaptionButton_disabled.png);
}
.s7smartcropvideoviewer .s7closedcaptionbutton[selected='false'][state='up'] {
background-image:url(images/v2/ClosedCaptionButton_disabled.png);
}
.s7smartcropvideoviewer .s7closedcaptionbutton[selected='false'][state='over'] {
background-image:url(images/v2/ClosedCaptionButton_over.png);
}
.s7smartcropvideoviewer .s7closedcaptionbutton[selected='false'][state='down'] {
background-image:url(images/v2/ClosedCaptionButton_down.png);
}
.s7smartcropvideoviewer .s7closedcaptionbutton[selected='false'][state='disabled'] {
background-image:url(images/v2/ClosedCaptionButton_disabled.png);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8