Video backgrounds
Description
This page illustrates the use of background-videos in various components.
Requirments
- Have play/pause button to stop autoplay
Components that have video backgorunds as an option
- Banner
- Hero search bar
- Hero text box
- Hero multi boxes
- Hero article - displaced (Only when backgorund color is not chosen)
Video integrations
- Umbrcao media library
- Azure media player
- Dreambroker
Banner - Video
Hero search bar - Video
Hero search bar - small - Video
Hero text box - Video
Bystrategi 2021
Kommuneplanen er den bærende og helt afgørende plan, hvor borgere og virksomheder kan orientere sig om mål og regler for arealanvendelsen.This is a link.
Hero multi boxes - Video
Coronavirus og diabetes
Hvad ved vi om COVID-19 i relation til diabetes? Vi har kigget nærmere på de nyeste forskningsresultater.
Læs mere om coronavirusHvad er Videncenter for Diabetes
Vidensportal med forskningsbaseret information til alle, som vil vide mere om diabetes.
Læs mereNy med type 2-diabetes
Hvad skal man forholde sig til som ny med diagnosen type 2-diabetes? Hvilke knapper kan der skrues på?
Læs mere om type 2-diabetesHero article - displaced: background-video
Hero article - displaced: background-video
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean rhoncus urna vel tortor fringilla, consequat tristique ex eleifend.
Media box: background-video
Media box equal heights
Morbi tincidunt augue interdum velit euismod in pellentesque. Adipiscing tristique risus nec feugiat in fermentum. Orci nulla pellentesque dignissim enim sit amet venenatis. Luctus accumsan tortor posuere ac ut consequat. Sed vulputate mi sit amet mauris commodo.This is a link.
Media box: Azure background-video
Azure background-video
Morbi tincidunt augue interdum velit euismod in pellentesque. Adipiscing tristique risus nec feugiat in fermentum. Orci nulla pellentesque dignissim enim sit amet venenatis. Luctus accumsan tortor posuere ac ut consequat. Sed vulputate mi sit amet mauris commodo.This is a link.
Media box: Dreambroker background-video
Dreambroker background-video
Morbi tincidunt augue interdum velit euismod in pellentesque. Adipiscing tristique risus nec feugiat in fermentum. Orci nulla pellentesque dignissim enim sit amet venenatis. Luctus accumsan tortor posuere ac ut consequat. Sed vulputate mi sit amet mauris commodo.This is a link.