For question 1: unfortunately not as safari performs weirdly with the combo of video + audio.
For question 2: Apryse Documentation | Documentation is what you’re looking for. Disabling it through the constructor will not work, but programmatically disabling it after initializing the video viewer should work (after await initializeVideoViewer)
For question 2: Apryse Documentation | Documentation is what you’re looking for. Disabling it through the constructor will not work, but programmatically disabling it after initializing the video viewer should work (after await initializeVideoViewer)
No.
It is not work.
This is my program.
WebViewer({ ...options }, wvElement).then(async (instance: WebViewerInstance) => {
await initializeVideoViewer(instance, {...options});
this.viewerInstance.UI.disableElements([
'video-ViewerOptions', // not work
'zoomOverlayButton', // work
]);
});
‘zoomOverlayButton’ is work.
I think so ‘video-ViewerOptions’ is problematic.
video and audio menu items can’t be disabled through disableElements. WebViewer doesn’t know about them. But there is a workaround you can add your custom css to hide the button. You need to create a css file and then pass it through the webviewer constructor. See: Apryse Documentation | Documentation
Here is what your constructor would look like:
WebViewer(
{
path: ‘/webviewer/lib’,
css: ‘/ui.css’,
},
viewer.current,
)
And ui.css would look like this:
[data-element=“video-ViewerOptions”] {
display: none; // hide the menu item for video
}
After you have used this css the menu button will be hidden. See screenshot:
