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



Description

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

Procedure

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

Created

 

Last revised

 

AuthorJUWI
Case Number
Contents