<!DOCTYPE html>
<html lang="en">

  <head>
    <script src="https://assets.blings.io/scripts/msdk.js"></script>
  </head>

  <body>
    <div id="vid-holder"></div>
  </body>

</html>

// run a video - minimal setup

BlingsPlayer.create({
  settings: {
    container: document.getElementById('vid-holder'),
    cinematic: true,
  },
    // select which scenes should be in the video 
  scenes: [
    "jokes",
    "another_joke",
    "image_scene",
    "logo_outro"
  ],
  project: {
    // the project ID. In this case, the demo video
    id: 'sdk-demo'
  }
})
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.