Knappen Spela upp/Paus play-pause-button
Knappen Spela upp/Paus gör att videospelaren spelar upp eller pausar videoinnehållet när en användare väljer det.
Du kan ändra storlek, skal och position på knappen, i förhållande till kontrollfältet som innehåller den, enligt CSS.
Följande CSS-klassväljare styr knappens utseende:
.s7mixedmediaviewer .s7playpausebutton
CSS-egenskaper för uppspelnings-/pausknappen css-properties-of-the-play-pause-button
NOTE
Den här knappen har stöd för båda
state
, selected
och replay
attributväljare, som kan användas för att tillämpa olika skal på olika knapplägen. I synnerhet selected='true'
motsvarar"play"-läget och selected='false'
motsvarar läget “paus”,replay='true'
Det här attributet ställs in när videon har nått slutet och om du väljer knappen startas uppspelningen om från början.Knappens funktionsbeskrivning kan lokaliseras. Se Lokalisering av användargränssnittselement för mer information.
Exempel section-e8caea0a303c425a8a637c2a47c06355
För att ställa in en Play/Pause-knapp som är 32 x 32 pixlar och placerad sex pixlar från kontrollfältets övre och vänstra 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.
.s7mixedmediaviewer .s7playpausebutton {
top:6px;
left:6px;
width:32px;
height:32px;
}
.s7mixedmediaviewer .s7playpausebutton[selected='true'][state='up'] {
background-image:url(images/playBtn_up.png);
}
.s7mixedmediaviewer .s7playpausebutton[selected='true'][state='over'] {
background-image:url(images/playBtn_over.png);
}
.s7mixedmediaviewer .s7playpausebutton[selected='true'][state='down'] {
background-image:url(images/playBtn_down.png);
}
.s7mixedmediaviewer .s7playpausebutton[selected='true'][state='disabled'] {
background-image:url(images/playBtn_disabled.png);
}
.s7mixedmediaviewer .s7playpausebutton[selected='false'][state='up'] {
background-image:url(images/pauseBtn_up.png);
}
.s7mixedmediaviewer .s7playpausebutton[selected='false'][state='over'] {
background-image:url(images/pauseBtn_over.png);
}
.s7mixedmediaviewer .s7playpausebutton[selected='false'][state='down'] {
background-image:url(images/pauseBtn_down.png);
}
.s7mixedmediaviewer .s7playpausebutton[selected='false'][state='disabled'] {
background-image:url(images/pauseBtn_disabled.png); }
}
.s7mixedmediaviewer .s7playpausebutton[selected='true'][replay='true'][state='up'] {
background-image:url(images/replayBtn_up.png);
}
.s7mixedmediaviewer .s7playpausebutton[selected='true'][replay='true'][state='over'] {
background-image:url(images/replayBtn_over.png);
}
.s7mixedmediaviewer .s7playpausebutton[selected='true'][replay='true'][state='down'] {
background-image:url(images/replayBtn_down.png);
}
.s7mixedmediaviewer .s7playpausebutton[selected='true'][replay='true'][state='disabled'] {
background-image:url(images/replayBtn_disabled.png);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8