Инструкции, кнопки, блоки
и иные интересные фичи
и не только они>>>
Как работать с видео-плеером Facecast.com
Небольшая инструкция
1. Открыть Zero Block
2. Добавить элемент HTML
3. Присвоить элементу HTML CSS-класс "thumb-wrap"
4. Растянуть элемент HTML по ширине:
a) 1200-MAX – (1155х575) – ПК
b) 960-1200 – (940x420) – Планшет (гориз.)
c) 640-960 – (620x320) – Планшет (верт.)
d) 480-640 – (460x260) – Моб. (гориз.)
e) 320-480 – (300x175) – Моб. (верт.)
5. Вставить код:
<script src="https://facecast.net/w/js/iframe.js"></script>
<iframe id=" " onload="fc_load_iframe(this)" style="border:none" allow="autoplay; fullscreen" allowfullscreen></iframe>

<!--В поле <iframe id=" "> вписать полученный от продюсера ID конференции 
(прим. <iframe id="d1skbu")-->
6. Добавить второй элемент HTML
7. Вставить код:
<style>

    .thumb-wrap {
  position: relative;
  padding-bottom: 100,00%;
  height: 0;
  overflow: hidden;
}
.thumb-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
}

</style>

<!--Параметры "width" и "height" регулируются по желанию, однако по умолчанию они равны 100%-->
<!--Этот элемент растягивать по ширине не нужно-->