block by rveciana 6a50336f5fffee99f29e1881ebee5e97

Map scroller associated with video position

Full Screen

Play the video once loaded to see the example.

I took the idea from this tweet.

I created the path with the help of Geojson.io, and it’s not exact. The idea was showing the possibility of syncing the video with the path.

The video is a timelapse (I don’t dare driving this fast) taken at the paradise valley close to Agadir, Morocco. Go there if you have the opportunity!

The code should be improved. I think that some times don’t work if play is pressed beffore the video ends loading.

index.html

path.json