Esko Logo Back to Esko Support
Choose your language for a machine translation:
Skip to end of metadata
Go to start of metadata


How to hide the various elements of the standard HTML5 video player using Custom Theme CSS. This CSS is not universal across all browsers.


Hide Download Button

video::-internal-media-controls-download-button { display: none; } /* deprecated */
video::-webkit-media-controls-enclosure { overflow: hidden; }
video::-webkit-media-controls-panel { width: calc(100% + 32px); } 

Hide Volume Controls 

Note: For Infinite Scroll widget only.

.InfiniteScrollViewWidget video::-webkit-media-controls-volume-slider {display: none;}
.InfiniteScrollViewWidget video::-webkit-media-controls-mute-button {display: none;} 

Hide Fullscreen Button

video::-webkit-media-controls-fullscreen-button {display: none;}

NOTE: This does not work well in the Tile View widget. Tested in Chrome 62.
Article information
Applies to

MediaBeacon 8.5, 8.6



Last revised


Case Number