Whatever you need we’ll make it happen.

We know how hard it can be to get good quality content produced and published on time. That’s why we help agencies, clients or in-house teams to produce their digital content — moving images and stills.

Pernod/Ricard

TikTok

Lidl

TikTok

LiDL

Tinder

Lidl

LiDL

Netflix, The Last Word

Netflix

Google

Lange und Söhne

A. Lange & Söhne

Seat

Mini

Nike

Icelandair

Goal United

Küss Mich, Robert Ehm

Goal United

Robert Ehm

Whatever you need we’ll make it happen.

Linear Gradient - Transparency

To add transparency, we use the rgba() function to define the color stops. The last parameter in the rgba() function can be a value from 0 to 1, and it defines the transparency of the color: 0 indicates full transparency, 1 indicates full color (no transparency).

script> jQuery(function() { var $videoElement; var numberOfMillisecondsBetweenVideoSwitches = 7500; // 6 seconds var currentVideoIndex = 0; var listOfVideoSources = [ "http://umlaut.albrechtgaebel.de/wp-content/uploads/2022/01/Type_1_mobile.mp4", "http://umlaut.albrechtgaebel.de/wp-content/uploads/2022/01/Type_2_mobile.mp4", "http://umlaut.albrechtgaebel.de/wp-content/uploads/2022/01/Type_3_mobile.mp4", ] function shuffle(array) { var currentIndex = array.length, temporaryValue, randomIndex; // While there remain elements to shuffle... while (0 !== currentIndex) { // Pick a remaining element... randomIndex = Math.floor(Math.random() * currentIndex); currentIndex -= 1; // And swap it with the current element. temporaryValue = array[currentIndex]; array[currentIndex] = array[randomIndex]; array[randomIndex] = temporaryValue; } return array; } function playVideo(event) { $videoElement[0].play() } function loadRandomVideo() { if(currentVideoIndex >= listOfVideoSources.length) { currentVideoIndex = 0 shuffle(listOfVideoSources) } if(!$videoElement) { $videoElement = jQuery(".cover-region .background-video video") $videoElement.on("loadeddata", playVideo) } $videoElement.find('source').attr('src', listOfVideoSources[currentVideoIndex]) $videoElement[0].load() currentVideoIndex += 1 } // randomize list of videos shuffle(listOfVideoSources) // choose a random one to start loadRandomVideo("http://albrechtgaebel.de/wp-content/uploads/2017/10/Banner_web_Bellevue.mp4") // in numberOfMillisecondsBetweenVideoSwitches choose a different video setInterval(loadRandomVideo, numberOfMillisecondsBetweenVideoSwitches) }) /script>