#html
Вопрос:
У меня есть простой видеоэлемент:
<video width="500px" src="..."></video>
Я хочу показать только один элемент управления на элементе, кнопку полноэкранного режима, как бы я это сделал? controls Атрибут либо скрывает, либо показывает все элементы управления, в то время controlslist как элемент не имеет опции только для одного элемента управления.
Ответ №1:
Я пытался сделать это с помощью CSS. Есть несколько вариантов использования видео::-веб-сайт-медиа-элементы управления-*
Вы можете удалить их один за другим, используя приведенные ниже CSS-коды.
video::-webkit-media-controls-play-button { display: none; }
video::-webkit-media-controls-volume-slider { display: none; }
video::-webkit-media-controls-mute-button { display: none; }
video::-webkit-media-controls-timeline { display: none; }
video::-webkit-media-controls-current-time-display { display: none; }
video::-webkit-media-controls-fullscreen-button {
}
Полный образец;
https://codepen.io/ogzhncrt/pen/abWGBMr