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

  • March 27, 2025
  • 2 replies
  • 366 views

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();

 

Best answer by ShanujBa

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;
}

 

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!

Kautuk Sahni