@televnoy

Есть ли функция ЕСЛИ.....ТО на CSS или же HTML?

Добрый день. Вопрос стоит в том имеется ли функция в СSS Если.....То...? Да и в первую же очередь как отследить аудио-плеер на сайте ВКонтакте. Если он срабатывает включается один стиль, нет второй. Конечно можно попробовать на HTML задать данную функцию.
Разметка на СSS
body {
  background: url('video.png');
  background-size: cover;
}

.bgvideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -9999;
}
#bg {
        position:fixed;
        top:0;
        left:0; 
        /* Preserve aspet ratio */
        min-width:100%;
        min-height:100%;
}

А так же html
<!doctype html>
<html lang="en">
<img src="http://www.pattern4site.ru/images/opacity/_rebig/97-fon-dlya-sayta.png" repeat id="bg" alt="">
<head>
  <meta charset="UTF-8">
  <title>HTML5 видео в качестве заднего фона</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <video autoplay loop muted class="bgvideo" id="bgvideo">
   <source src="video.mp4" type="video/mp4"></source>
  </video>
</body>
</html>

Все работает. Видео-фон страницы как положено. Но хотелось бы что бы он срабатывал когда включается плеер.
  • Вопрос задан
  • 1846 просмотров
Пригласить эксперта
Ответы на вопрос 4
Fesor
@Fesor
Full-stack developer (Symfony, Angular)
CSS и HTML это декларативные языки разметки, а стало быть функций там в принципе нет, так же как и ветвления. А то что вы описываете делается через js.
Ответ написан
Petroveg
@Petroveg
Миром правят маленькие с#@&ки
Если плеер ставится с помощью подключаемого плагина с API, то нужно посмотреть, а нет ли возможности поставить на нужное нам событие обработчик? Другой вариант — самостоятельное навешивание обработчика на события в audio (если проигрыватель реализован в плагине с помощью Flash, то только API).

Если такая возможность есть, можете в слушателе или callback-функции сделать с фоном что угодно. Но всё это — Javascript. К языкам разметки не имеет никакого отношения.

Единственное, что работает в CSS примерно по принципу ifMedia Queries. Но они для вашего случая не годятся.
Ответ написан
DeadCowsDontMoo
@DeadCowsDontMoo
web
css и html не предусматривает такого функционала =)
Ответ написан
Комментировать
nimensy
@nimensy
индивидуальный предприниматель
для текущей задачи используйте JS, средствами html и css это реализовать не получится (или ооочень велосипед будет)

для реализации логики в css используйте препроцессоры - SaSS или LESS
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы