JSFiddle - React, Tailwind, and code Playground

by Hatem Ismail

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/phaser/2.4.4/phaser.js"></script>
<body>
    <div id="phaser-example"></div>
</body>

JavaScript

var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create});

function preload() {
    game.load.video('video', 'http://crossorigin.me/http://www.sample-videos.com/video/mp4/720/big_buck_bunny_720p_1mb.mp4');
}

var video;
function create() {
    video = game.add.video('video', 0.5, 0.5);
    video.play(true);
    video.addToWorld(0, 0, 0.5, 0.5);


    setTimeout(function(){
        video.destroy();
    }, 3000);
}