Unable to add uicontrols in S7 video viewer

[Rohan332552049n3r]

Following the https://experienceleague.adobe.com/en/docs/dynamic-media-developer-resources/library/viewers-aem-ass... documentation I was able to create video viewer and load the video which works fine.

I want to disable share icon, fullscreen, progressbar all those things, is there any OOTB param available to do so. I tried by adding uicontrol param but it didn't worked. 

var videoPlayer = new s7sdk.video.VideoPlayer({
    containerId: "videoContainer",
    params: {
        asset: "sample/earth",
        serverurl: "<<DMURL>>/is/image/",
        videoserverurl: "<<DMURL>>/is/content/",
        uiControl: "playpause,fullscreen"
    },
    handlers: {
        initComplete: function () {
            console.log("Video player initialized");
        }
    }
});
videoPlayer.init();

[kautuk_sahni]

@Anil_Chennapragada, @Teja_G, @jamesc25111500, @RahulMohan, @brwayne If you have a moment, please review this question and see if you can help. Thanks in advance!

[ShanujBa · Accepted solution]

Hi Rohan,

Could you please check out this documentation https://experienceleague.adobe.com/en/docs/dynamic-media-developer-resources/library/viewers-aem-ass... and see if this is helpful.

The CSS class selector .s7videoviewer .s7controlbar is used to control the appearance of the control bar in the Scene7 video viewer. By setting the display property to none, you should be able to hide the control bar:

.s7videoviewer .s7controlbar {
  display: none;
}