Как отобразить кнопку над полноэкранным видеофрагментом YouTube с помощью JS, HTML - PullRequest
Новая
       28

Как отобразить кнопку над полноэкранным видеофрагментом YouTube с помощью JS, HTML

0 голосов
/ 10 июля 2019

Как отобразить мой html-элемент, например кнопку, над полноэкранным режимом видео iframe youtube через html, java-скрипт? Не работа: z-индекс: 2147483647; translateZ (+ 2000000000000px)

1 Ответ

0 голосов
/ 10 июля 2019

Что вам нужно будет сделать, это использовать свойство z-index в CSS, а также абсолютное позиционирование вашей кнопки.

Что вы можете сделать, это назначить классы для ваших элементов: 

<html>
  <iframe class="video">
    ...
  </iframe>
  <button class="bt">
  </button>
</html>

В CSS: 

.video {
  z-index: 0;
}

.bt {
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  height: 50px;
  z-index: 100;
}

Это должно показать кнопку на верхней части iFrame.

...