CodePen view

A very simple example with a video, rendered as background, playing.

configuration.json

{
    "story":
    {
        "uid": "video-story",
        "name": "Video Story",
        "slug": "video-story",
        "description": "This is the simpliest story ever, but with a video",
        "default": "scene-0",

        "scenes":
        [
            {
                "uid": "scene-0",
                "name": "First scene",
                "slug": "first-scene",
                "description": "This is the first and only scene",

                "media":
                {
                    "uid": "media-0",
                    "type": "video",

                    "source":
                    {
                        "format": "equi",
                        "levels": [
                            { "url": "omni-highlights-720p_HD.mp4" },
                            { "url": "omni-highlights-1080p_HD.mp4" },
                            { "url": "omni-highlights-1440p_HD.mp4" },
                            { "url": "omni-highlights-2160p_4K.mp4" }
                        ]
                    },

                    "options":
                    {
                        "autoPlay": true,
                        "loop": true,
                        "volume": 1
                    }
                }
            }
        ]
    }
}

Back to samples

3rd Jan 2017