Можно ли поставить преролл поверх окна с видео?

Ссылка скопирована
4 января 2026 1 ответ

К примеру есть видео встроенное через iframe при нажатии на кнопку play которого воизпроизводится преролл реклама, можно ли поставить поверх встроенной рекламы свой преролл чтобы воиспрозвелись оба?

По нажатию кнопки play чтобы запускался собственный преролл, вместе с встроенным, 2 видео одновременно, и приглушить звук во встроенном. Такое возможно реализовать с помощью JS?

Не нужно расписывать как сделать, мне интересно с технической стороны возможно ли такое реализовать.

Дополнительно:

можно ли поставить поверх встроенной рекламы свой преролл чтобы воиспрозвелись оба?

Можно, но не в самом iframe, а сделав это слоем выше iframe.

Такое возможно реализовать с помощью JS?

Возможно.

Не нужно расписывать как сделать

Хозяин - барин.

Нужно решить такую задачу?

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

Заказать помощь
Лучший ответ
1
Стас DB Ответ

Да, возможно поставить преролл поверх окна с видео. Для этого можно использовать различные методы и технологии, в зависимости от конкретной ситуации.

Один из способов сделать это - использовать CSS и позиционирование элементов. Например, можно создать преролл как отдельный элемент с фиксированным позиционированием и задать ему высокий z-index, чтобы он отображался поверх видео.

Примерный код для реализации этого в HTML и CSS может выглядеть так:

<div class="video-container">
  <video src="video.mp4" controls></video>
  <div class="preroll">Это преролл</div>
</div>

<div class="video-container"> <video src="video.mp4" controls></video> <div class="preroll">Это преролл</div> </div>

.video-container {
  position: relative;
}
 
.video-container video {
  width: 100%;
  height: auto;
}
 
.preroll {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 10px;
}

.video-container { position: relative; } .video-container video { width: 100%; height: auto; } .preroll { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; background: rgba(0, 0, 0, 0.5); color: white; padding: 10px; }

Этот код создаст контейнер для видео и преролла, видео будет занимать всю ширину контейнера, а преролл будет отображаться поверх видео в центре экрана.

Также можно использовать JavaScript для динамического добавления преролла на страницу или для управления его поведением. Например, можно показывать преролл только после определенного момента воспроизведения видео или при определенных действиях пользователя.

В общем, есть множество способов реализации преролла поверх окна с видео, и выбор конкретного зависит от ваших потребностей и требований проекта.

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Вам также может быть интересно