Как сделать рекламный псевдо (фейк) плеер?

Енот
Новичек
Регистрация
3 Мар 2018
Сообщения
192
#1
Подскажите как можно сделать псевдоплеер?
 

App

Думает, что помогает
Регистрация
26 Дек 2017
Сообщения
379
#2
videoplayer.png

HTML:
<div class="dummy-player">
  <span>Тут рекламный плеер, подгонять размер в стилях класса<br>dummy-player</span>
</div>
CSS:
.dummy-player {
  width: 500px;
  height: 300px;
  background: url(http://www.mes7at.com/wp-content/uploads/2018/03/videoplayer.png) center no-repeat;
  background-size: 100% 100%;
  margin:0 auto;
  text-align: center;
}
.dummy-player span {
  color: #fff;
  text-shadow: 4px 1px 1px #000;
  font: 50px Calibri,Arial,Helvetica,sans-serif;
}
 
Енот
Новичек
Регистрация
3 Мар 2018
Сообщения
192
#3

HTML:
<div class="dummy-player">
  <span>Тут рекламный плеер, подгонять размер в стилях класса<br>dummy-player</span>
</div>
CSS:
.dummy-player {
  width: 500px;
  height: 300px;
  background: url(http://www.mes7at.com/wp-content/uploads/2018/03/videoplayer.png) center no-repeat;
  background-size: 100% 100%;
  margin:0 auto;
  text-align: center;
}
.dummy-player span {
  color: #fff;
  text-shadow: 4px 1px 1px #000;
  font: 50px Calibri,Arial,Helvetica,sans-serif;
}
Спасибо.
Но как сделать из баннера псевдоплеер?
 
Енот
Новичек
Регистрация
10 Янв 2018
Сообщения
78
#6