pulsante a schermo intero

Ultimo aggiornamento: 2023-11-03
  • Argomenti:
  • Dynamic Media Classic
    Visualizza ulteriori informazioni su questo argomento
  • Viewers
    Visualizza ulteriori informazioni su questo argomento
  • SDK/API
    Visualizza ulteriori informazioni su questo argomento
  • Interactive Videos
    Visualizza ulteriori informazioni su questo argomento
  • Creato per:
  • Developer
    User

Il pulsante di visualizzazione a schermo intero fa in modo che il lettore video entri o esca dalla modalità a schermo intero quando un utente fa clic su di essa.

È possibile ridimensionare, applicare lo skin e posizionare il pulsante a schermo intero in base alla barra di controllo che lo contiene mediante CSS.

L’aspetto del pulsante a schermo intero è controllato con il selettore di classe CSS:

.s7interactivevideoviewer .s7fullscreenbutton

Proprietà CSS del pulsante a schermo intero

top

Posizione dal bordo superiore, inclusa la spaziatura.

destra

Posizione dal bordo destro, inclusa la spaziatura.

left

Posizione dal bordo sinistro, inclusa la spaziatura.

bottom

Posizione dal bordo inferiore, inclusa la spaziatura.

width

Larghezza del pulsante a schermo intero.

height

Altezza del pulsante a schermo intero.

background-image

Immagine visualizzata per un determinato stato del pulsante.

background-position

Posizionate all'interno dello sprite del disegno, se vengono utilizzati gli sprite CSS.

Consulta Spunti CSS .

NOTA

Questo pulsante supporta sia state e selected selettori di attributi, che possono essere utilizzati per applicare interfacce diverse a stati di pulsante diversi. In particolare: selected='true' corrisponde allo stato “schermo intero” e selected='false' corrisponde allo stato “normale”.

La descrizione comando del pulsante può essere localizzata. Consulta Localizzazione degli elementi dell’interfaccia utente per ulteriori informazioni.

Esempio

Impostare un pulsante a schermo intero di 32 x 32 pixel e posizionare 6 pixel dal bordo superiore e destro della barra di controllo. Inoltre, se selezionata o meno, visualizza un'immagine diversa per ciascuno dei quattro diversi stati dei pulsanti.

.s7interactivevideoviewer . s7fullscreenbutton {
top:6px;
right:6px;
width:32px;
height:32px;
}
.s7interactivevideoviewer .s7fullscreenbutton [selected='false'][state='up'] {
background-image:url(images/enterFullBtn_up.png);
}
.s7interactivevideoviewer .s7fullscreenbutton [selected='false'][state='over'] {
background-image:url(images/enterFullBtn_over.png);
}
.s7interactivevideoviewer .s7fullscreenbutton [selected='false'][state='down'] {
background-image:url(images/enterFullBtn_down.png);
}
.s7interactivevideoviewer .s7fullscreenbutton [selected='false'][state='disabled'] {
background-image:url(images/enterFullBtn_disabled.png);
}
.s7interactivevideoviewer .s7fullscreenbutton [selected='true'][state='up'] {
background-image:url(images/exitFullBtn_up.png);
}
.s7interactivevideoviewer .s7fullscreenbutton [selected='true'][state='over'] {
background-image:url(images/exitFullBtn_over.png);
}
.s7interactivevideoviewer .s7fullscreenbutton [selected='true'][state='down'] {
background-image:url(images/exitFullBtn_down.png);
}
.s7interactivevideoviewer .s7fullscreenbutton [selected='true'][state='disabled'] {
background-image:url(images/exitFullBtn_disabled.png); }
}
Pagina precedente
Next page

In questa pagina