diff --git a/src/core/helpers.js b/src/core/helpers.js
index 9124111d..9a475961 100644
--- a/src/core/helpers.js
+++ b/src/core/helpers.js
@@ -110,6 +110,9 @@ export function transformChildren(children) {
     if (child.props['data-slug']) {
       item.slug = child.props['data-slug'];
     }
+    if (child.props['data-background']) {
+      item.background = child.props['data-background'];
+    }
     media.push(item);
   });
   return media;
diff --git a/src/core/media.js b/src/core/media.js
index 0df05177..6226e27c 100644
--- a/src/core/media.js
+++ b/src/core/media.js
@@ -16,6 +16,7 @@ export default class Media extends React.Component {
       children,
       style,
       loader,
+      background,
       [`data-src`]: dataSrc,
       [`data-alt`]: dataAlt,
       className: mediaClass,
@@ -27,8 +28,6 @@ export default class Media extends React.Component {
       ...extra
     } = media;
 
-    let background = null;
-
     if (source) {
       if (source.match(/\.(mp4|webm)/)) {
         background = (