Как удалить / скрыть только значок / кнопку воспроизведения / паузы в медиаплеере видео-тега

Question

. Поскольку я добавляю атрибуты управления динамически, используя jquery. Это дает все значки, я хочу, чтобы скрыть / удалить только кнопку воспроизведения / паузы, а не другие (т.е. хотите, чтобы в полноэкранном режиме значок обязательно). Есть ли какое-либо решение для этого ??

Ниже приведен код для динамического добавления атрибута управления к тегу видео

showVideoControls(){
var elem = document.getElementById("remote_video");
if (elem.requestFullscreen) {
    $("video").attr("controls",true);
}

}

Answer 1

Одним из способов решения этой проблемы было бы нацеливание на дочерние элементы контейнера, в котором отображается ваше видео. Примените стили к видео и примените свойство как. Зависит от того, на какого ребенка вы нацелены.

.video:first-child {
display: none;
}

, и если вы точно знаете, что это изображение или ссылка, вы можете сделать что-то вроде

.video img {
display: none;
}