Fundamentals of React Native Video
Jason Brown
- react-native
^0.44.2
React Native Video is a community supported video element for React Native. It allows for remote loading of videos and also works with the React Native asset management system to load videos. Having a flexible video component is essential to developing and enhancing your application. Like many React Native elements, the video element is very basic and doesn't ship with anything besides a flexible API. This allows you to develop the exact layout, controls, and custom overlays to match your application.
In this course we'll take a look at a basic setup. Then explore the different ways we can load and show videos. We'll show how to use a few of the custom callbacks to overlay errors and buffering elements. Because there are no controls shipped with react-native-video we'll show how to write custom video controls and animate them when the video has not been interacted with.
Finally we'll cover a few common paradigms found in the wild. Including repeating background cover videos, auto-playing videos when they scroll onto the screen and auto-stopping them when they are scrolled away from.
Learner Reviews
- What did you like about this course?
Great Lesson! I would love to see multiple videos if auto play scroll works, cause I've tried other approaches and it didn't work. I am using react-native expo-cli
Shaikha Sabti5 years ago - What did you like about this course?
This is a simple tutorial that shows some native components that i will use. Thanks!
Hans6 years ago - What did you like about this course?
No fluff, just stuff! Good work Jason!
Rob7 years ago - What did you like about this course?
A lot of features from react-native-video covered. Great job. However, I (and probably everyone else) would love to see how to handle going to and from full-screen mode on IOS/Android device. If you have time please add that chapter. Thanks again for a great job, sir.
Nikola Ravic7 years ago Simple examples. Clear speech and pronunciation.
No code mistakes.
Very straightforward.
Eric Taïeb7 years ago
