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

Unable to add uicontrols in S7 video viewer

  • March 27, 2025
  • 2 replies
  • 368 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();

 

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
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

kautuk_sahni
Community Manager
Community Manager
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
ShanujBaAdobe EmployeeAccepted solution
Adobe 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;
}