Styling

Design player look via the standard CSS

Edit style

Codo Player comes in "standard" style by default, located under "CodoPlayer/styles/" folder.

Stylesheet is easy readable, code is well structured, all selector names are self explanatory.

New style

To create a new style use the "standard" style for a reference.

For the best practice make a copy of "standard" folder and use it for a new style.

To set the path to a new style

<script src="CodoPlayer.js" type="text/javascript"></script>
<script>
    CodoPlayer("video.mp4", {
        style: "newStyleFolder"
    })
</script>

Player will map to CSS stylesheet "style.css" in "newStyleFolder" folder, under "CodoPlayer/styles".