Esko Logo Back to Esko Support
Choose your language for a machine translation:



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