HiVolda Styleguide

Video Banner 

<div class="video-banner ">

    <iframe width="560" height="315" src="https://www.youtube.com/embed/2hwXxt-DmGA?rel=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen rel="0"></iframe>

</div>
 
<div class="video-banner {{ class }}" {{ attr }} {% if not video_src %}style="background-image: url({{img_url}})"{% endif %} >
  {% if video_src %}
    <iframe width="560" height="315" src="{{video_src}}?rel=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen rel="0"></iframe>
  {% endif %}
</div>
 
{
  "class": null,
  "img_url": "/images/info-page.jpg",
  "video_src": "https://www.youtube.com/embed/2hwXxt-DmGA",
  "text": "# Slik søker du om studieplass\n"
}

No notes defined.