Member-only story

CODEX

Displaying Videos in Flutter from a URL

With the Stacked architecture

Code on the Rocks
5 min readJan 8, 2021

--

In this article, I will be explaining how to display a video directly from a URL in Flutter (although any video URL will work). If you’re interested in saving videos to Cloud Storage, check out my previous article on that exact subject.

If you do have videos in Cloud Storage, I’m assuming you’ll eventually want to display them. Maybe you need to show a video thumbnail on one screen and then the full video on another. Maybe you want to embed a video in a tutorial to explain how an app feature works. Whatever it is, your question is the same: How do I display my video?

Setup

State Management

I’m personally a huge fan of Dane Mackier’s Stacked package for state management so that’s what I’ll be using here. In short, it’s a Flutterized version of the MVVM architecture and it’s great for organizing projects of all sizes. If you haven’t used it before, check out the package on pub.dev and head over to filledstacks.com for…

--

--

No responses yet