KB294394088: MediaBeacon - Styling HTML5 Video Player Elements

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.

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); }

Note: For Infinite Scroll widget only.

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

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

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

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

Contents