Unable to add uicontrols in S7 video viewer | Community
Skip to main content
New Participant
March 27, 2025
Solved

Unable to add uicontrols in S7 video viewer

Following the https://experienceleague.adobe.com/en/docs/dynamic-media-developer-resources/library/viewers-aem-assets-dmc/video/jsapi-video/r-html5-video-viewer-20-javascriptapiref-videoviewer 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();

 

ShanujBaAccepted solution
Employee
April 3, 2025

Hi Rohan,

Could you please check out this documentation https://experienceleague.adobe.com/en/docs/dynamic-media-developer-resources/library/viewers-aem-assets-dmc/video/customizing-video-viewer/r-html5-viewer-20-customize-controlbar 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;
}

 

2 replies

ShanujBaAccepted solution
Employee
April 3, 2025

Hi Rohan,

Could you please check out this documentation https://experienceleague.adobe.com/en/docs/dynamic-media-developer-resources/library/viewers-aem-assets-dmc/video/customizing-video-viewer/r-html5-viewer-20-customize-controlbar 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;
}

 

Translate
kautuk_sahni
Employee
April 2, 2025

@anil_chennapragada, @teja_g, @jam2021, @rahulmohan, @abhishek_anandth If you have a moment, please review this question and see if you can help. Thanks in advance!

Translate
Kautuk Sahni