как скрыть HTML-видео элементы управления в край micorostf (полноэкранный режим)

Question

как скрыть HTML-видео элементы управления в край micorostf (полноэкранный режим)

0

Я пишу угловую директиву для видеоплеера. Я хотел бы иметь настраиваемые элементы управления, которые должны переопределить исходный.
В нормальном режиме все работает нормально, пока в полноэкранном режиме нет.

На самом деле проблемы возникают в IE11 и Microsoft Edge.

В IE11: как собственный бар (ok), так и пользовательский (ko)
скрытый. Я не могу показать свой бар.
В Edge: я не могу скрыть панель собственных элементов управления, и я не могу показать свою панель

Чтобы скрыть панель, я попробовал

video::-webkit-media-controls {
  display:none !important;
}

video::-webkit-media-controls-enclosure {
  display:none !important;
}

но похоже, что в браузере Microsoft не работает.

Я уже читал и следил за этим сообщением о почти той же проблеме. Изменение макета управления видео html5 при полноэкранном режиме

Проблема не имеет ничего общего с угловыми, но я не могу понять, где положить руки, чтобы заставить вещи работать: в css или мне нужно использовать javascript (как?), Чтобы обрабатывать поведение show/hide встроенного элемента управления бар?

Это plunk http://plnkr.co/edit/zGlMN0Qys2yHdWgGXefk?p=preview, где вы можете найти мой чистый код javascript.

Я очень ценю любую помощь, чтобы заставить все работать!

Лука

Luca Rasconi 26 окт. 2015, в 17:55

Источник

0

Привет, Лука, я до сих пор не тестировал свое решение как на Edge, так и на IE11, но можешь попробовать добавить это в тэг head: <style> .mr-controls-bar{ display:none; } </style> скорее, я постараюсь, может ли это работать в этих браузерах.
Pierfrancesco 26 окт. 2015, в 19:34
0

Привет Pierfrancesco, но почему я должен скрывать пользовательский бар?
Luca Rasconi 27 окт. 2015, в 07:47
0

Я пытался, и это не сработало.
Luca Rasconi 27 окт. 2015, в 07:48

Показать ещё 1 комментарий

Теги:

javascript

angularjs

html5

css3

html5-video

1 ответ

Ещё вопросы

Привет, Лука, я до сих пор не тестировал свое решение как на Edge, так и на IE11, но можешь попробовать добавить это в тэг head: <style> .mr-controls-bar{ display:none; } </style> скорее, я постараюсь, может ли это работать в этих браузерах.
Привет Pierfrancesco, но почему я должен скрывать пользовательский бар?

Luca Rasconi · Accepted Answer · 2015-10-27T11-34-00.000Z

Решение находится в способе вызова requestFullscreen. Прежде чем я назвал этот метод на видеоэлементе

$scope.videoElement.requestFullscreen();

Вместо этого метод requestFullscreen должен вызываться на элементе контейнера, чтобы гарантировать, что дочерние элементы элемента, например пользовательские элементы управления, также будут отображаться в полноэкранном режиме

$scope.videoContainer.requestFullscreen();