Default UI

Source: Big Buck BunnyElephant's DreamStar Wars Episode VII Trailer

Override device type: DesktopMobileTV

Code

import {DefaultUI} from '@theoplayer/react-ui'

const configuration = {
    libraryLocation: "/path/to/theoplayer/",
    license: "your_theoplayer_license"
};

const source = {
    sources: {src: 'https://cdn.theoplayer.com/video/big_buck_bunny/big_buck_bunny.m3u8'},
    metadata: {
        title: "Big Buck Bunny"
    }
};

const App = () => {
    return <DefaultUI configuration={configuration} source={source}/>;
};

📜 View full source on GitHub