How can we load up videos in a more declarative way?

At the moment, we have markdown for page content. then use IDS in divs etc to determine what video to place in the given element. this requires code to be added for every video we have on the site.

We could improve this by having something like:

markdown file

  video-url: 'path/to/video.mp4'
  mobile-video-gif: 'path/to/image.gif'

corresponding handlebars template would have:

<div data-video-url="{videoUrl}" data-video-mobile-gif="{mobileVideoUrl}"> 
</div>

thoughts suggestions?