Icon effect icon-effect
The play icon is overlaid on the main view area. It displays when the video is paused, or when the end of the video is reached, and it also depends on the iconeffect parameter.
The appearance of the play icon is controlled with the following CSS class selector:
.s7video360viewer . s7video360player .s7iconeffect
CSS properties of the play icon
Icon effect supports the state
attribute selector. The attribute selector state="play"
is used when the video is paused in the middle of playback, and state="replay"
is used when the play head is in the end of the stream.
Example - Setup a 100 x 100 pixel play icon.
.s7video360viewer .s7videoplayer .s7iconeffect {
width: 100px;
height: 100px;}
.s7video360viewer .s7videoplayer .s7iconeffect[state="play"] {
background-image: url(images/playIcon.png);
}
.s7video360viewer .s7videoplayer .s7iconeffect[state="replay"] {
background-image: url(images/replayIcon.png);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8