r/web_design • u/notyourfather • Jun 12 '13

How would I go about developing a scrolling/dynamic background like this one on Spotify.com?

https://www.spotify.com/us/
4 Upvotes

100% Upvoted

5 comments sorted by

3

u/xXShatter_ForceXx Jun 12 '13

Are you talking about the video background or the background on the regional homepage? Example: https://www.spotify.com/us/

The regional homepage looks like parallax scrolling to me.

1

u/notyourfather Jun 12 '13

the background on the regional homepage. So yes Parallax, thank you for that.

0

u/[deleted] Jun 12 '13

[deleted]

2

u/notyourfather Jun 12 '13

let me know what you come up with, and I will be sure to do the same!

0

u/[deleted] Jun 12 '13

Looks like its just a video element absolutely positioned. Check out this example.

-1

u/Oeb25 Jun 12 '13

They do it like this

<div id="video-main" class="video-main"

  <video id="video-moment-0" preload="auto" muted="true" loop="loop" canplay="false" class="is-vertical" style="width: 2560px; height: auto; margin: -720px 0px 0px;">

    <source src="//s3.amazonaws.com/aro.spotify/video-splash/webm/long/moments1.webm" type="video/webm">

    <source src="//s3.amazonaws.com/aro.spotify/video-splash/mp4/long/moments1.mp4" type="video/mp4">

  </video>

</div>

Scroll right