Designing for 23 Video
23 Video is built on the web and for the web. This design philosphy menas that publishers and developers can extend and redesign any video site through standard web technologies such as HTML, Cascading Stylesheets (CSS) and JavaScript.
To allow for full control over how themes and designs are created, we also support the Liquid templating language.
1. Getting Started: Configuring an existing theme
This step-by-step guide is aimed at anyone who want to make customize their 23 Video site. The first section, Getting Started, goes through the customization options available without writing a line of code:
- 1.1: Select a design
- 1.2: Customize the design
- 1.3: Changing the pattern using layout blocks
- 1.4: Using static pages
- 1.5: Backing up your design and re-using it
2. Styling and Layout: Building your own design
The second section, Styling and Layout, goes further and explains how every piece of the 23 Video front-end can be set up with your own look and feel:
- 2.1: Building your grid using layout block
- 2.2: Learning the HTML grid
- 2.3: Styling the site using CSS
- 2.4: Host graphics and other ressource files
- 2.5: Modify the site in JavaScript
- 2.6: Using custom variables in your CSS
3. Liquid: Build content blocks and templates from scratch
This section, Liquid, introduces a simple mark-up programming language, which can be used to modify the content and markup of individual layout blocks − or even for the full template making up your site.
- 3.1: Introduction to Liquid (coming soon)
- 3.2: Liquid filters (coming soon)
- 3.3: Liquid tags (coming soon)
- 3.4: Using liquid with 23 Video (coming soon)
- 3.5: Example: Modifying HTML with Liquid (coming soon)
- 3.6: Example: Building a carousel with Liquid (coming soon)
- 3.7: Example: Controlling the master template with Liquid (coming soon)
4. The Player: Extend your design in to your video player
This fourth section, The Player, considers how a video player can be both designed and extended using open source tools:
- 4.1: Embedding: Modifying the video player without writing code
- 4.2: Building your own video player
- 4.3: Get a different 23 Video player as a branch
- 4.4: Interfacing with your video player from JavaScript
- 4.5: Changing player behaviour for specific videos
- 4.6: What happens if my visitors have an old version of Flash? Or no Flash at all?
5. Advanced: The 23 API
Finally, any 23 Video solution can be extended and customized further using our API. This section gives publishers and developers a brief overview of what the API is · but refer to the API documentation for all the details:
