# Where to put your AI films: a page that plays them You made a film with AI tools. Now you need one address where people can watch it, see what else you made, and find out who did what. This note shows how to build that page on inkoji, using a real page as the example. ## What the search results offer today We searched "AI filmmaker portfolio website" and "where to showcase AI films" on 17 September 2026. Most results were website builders that use "AI" to mean the AI builds the site for you. They were not about showing films made with AI. Only a few pages spoke to the maker, such as a guide to places to publish an AI film ([screenweaver.ai](https://screenweaver.ai)) and a waitlist ([aifilms.ai](https://aifilms.ai)). So the question is still open: where does the film live, and where does the rest of your work sit next to it? ## The example page Open [inkoji.com/cyberyogi](https://inkoji.com/cyberyogi). It is a filmmaker and app maker's page. The first row holds a small HDR reel tile and, next to it, a large 2x2 tile for a five-minute film set in 2133. Below them sit app tiles, a matte painting, a video of a hackathon project, an open-source tile and short notes. You can read the whole page as data, with no account: ``` curl https://inkoji.com/cyberyogi.json ``` The film tile in that file has the type `youtube`, the size `2x2`, a title, a one-line subtitle and a poster image. That is all a film tile needs. ## Four ways to show a film ### 1. A YouTube tile for the full film Paste the YouTube link while the page is in Edit. inkoji turns it into a YouTube tile by itself. Pick a size: 2x2 gives a film room to breathe, and the 4-wide strip works for a wide trailer. Two things matter for your visitors: - No YouTube bytes load until the visitor taps the tile. The page stays light and nobody is tracked by an embed they never pressed. - The poster is your own image. Pick a frame that stands for the film, not whatever the platform chose. This is the right home for a long film. YouTube carries the full-length stream, and your page carries the context. ### 2. Your own video tile for a loop or a teaser A media tile plays a video file you upload. It plays only while it is on screen, and it is muted and looping. That makes it a good fit for a short teaser, a single shot, or a loop from the film, not for the full film with sound. Video uploads are part of the paid year. A paid page holds 50 MB of video, audio and PDFs in total (see [pricing](/pricing)), so keep the loop short and compress it well. Every media tile reserves its box before the bytes arrive, so nothing on the page jumps while the video loads. ### 3. An HDR twin If you graded the film in HDR, a video tile can carry two files: - an H.264 file that everyone gets, and - an HDR twin. The page switches to the HDR file only when the browser says it can play Dolby Vision. It asks with `canPlayType('video/mp4; codecs="dvh1.08.07"')`. When the answer is yes, the tile shows a small "HDR" label. Everyone else gets the H.264 file, so nobody sees a broken or washed-out video. The example page opens with exactly this: its first tile is an HDR reel with an H.264 file for everyone and a Dolby Vision twin. For what each browser does with HDR video, read [HDR video on a web page](/notes/hdr-video-on-a-web-page). ### 4. A note tile for the credits AI films raise a fair question: who made what, and with which tools. Answer it on the page. Add a text tile (a note) next to the film and list: - who wrote, directed and edited it, - which tools made the images, the motion, the voice and the music, - where it was submitted or screened, if it was. Put the note next to the film tile so the two read together. Keep it short enough to read without scrolling inside the tile. ## A layout that works A page for a filmmaker can be this simple: ``` cols 4 · 4 tiles · 3 rows · holes 0 0 1 2 3 0 A A A A 1 B B C D 2 B B . . ``` That is the real map format an AI sees for a page. Here, `A` could be a 4-wide strip with your latest teaser, `B` the full film as a 2x2 YouTube tile, `C` the credits note, and `D` a link to your festival or contact page. The dots are empty cells you can fill later. On the example page the film sits in the top row, so it is the first thing a visitor sees on a phone or a laptop. ## Put the rest of your work next to it Most people who make AI films also make other things: stills, music, tools, apps. A page of typed tiles keeps them in one place: - an image tile for a key still or a matte painting, - a link tile for a site or an app, - an embed tile for a tool that runs in the page, - a text tile for anything that needs words. If you ship apps too, read [One page for all your apps](/notes/one-page-for-all-your-apps). If you are moving from a grid page that closed, read [A Bento-style grid for everything you make](/notes/bento-style-grid-for-everything-you-make). ## Let your AI keep the page current You can also let ChatGPT or Claude add the tiles for you. Add `https://inkoji.com/mcp` as a connector, sign in on inkoji and press Allow. In Claude Code the command is: ``` claude mcp add --transport http inkoji https://inkoji.com/mcp ``` By default, publishing stays with you, and every change an AI makes can be undone from Connect your AI, on your page. The steps are in [Let Claude keep your page up to date](/notes/connect-claude-to-inkoji). ## What to do next 1. Upload the full film to YouTube and pick the frame you want as its poster. 2. Sign in to inkoji with Google, press Edit and paste the YouTube link. Set it to 2x2. 3. Add a note tile beside it with the credits and the tools you used. 4. If you want a loop or an HDR version on the page, cut a short H.264 file (and an HDR twin if you have one) and add a media tile. 5. Press Done, then open your page on a phone to check that the film is the first thing you see.