Ox.load('UI', {
    debug: true,
    theme: 'modern'
}, function() {
    var id = '0393109';
    var url = 'http://next.0xdb.org/' + id + '/96p.webm?' + Ox.random(1000000);
    var timeline = 'http://next.0xdb.org/' + id + '/timeline.16.png';
    Ox.UI.$body.css({
        padding: '16px'
    });
    Ox.VideoPlayer({
        controls: ['play', 'mute', 'size', 'scale', 'timeline', 'position'],
        height: 96 * 384/180,//96 * 256/180,
        logoLink: 'http://next.0xdb.org/' + id,
        logoTitle: 'Watch on 0xdb',
        logo: 'png/logo.png',
        paused: true,
        scaleToFill: true,
        subtitles: 'srt/' + id + '.srt',
        timeline: timeline,
        title: '<b>Brick</b> - Rian Johnson - 2005',
        video: url,
        width: 500//384//256
    }).appendTo(Ox.UI.$body);
    /*
    var id = '0133093';
    var url = 'http://next.0xdb.org/' + id + '/96p.webm?' + Ox.random(1000000);
    var timeline = 'http://next.0xdb.org/' + id + '/timeline.16.png';
    Ox.VideoPlayer({
        height: 96 * 256/230,
        timeline: timeline,
        url: url,
        width: 256
    }).css({
        left: '300px'
    }).appendTo(Ox.UI.$body);
    */
});