Video Feed
Currently, there are five source types of video feed:
Discover
Channel
Playlist
Playlist Group
Dynamic Content
Hashtag Playlist(Only supported on iOS)
Integration
Please refer to the Encoded IDs help article to learn about how to find your encoded channel ID, playlist ID and playlist group ID.
Mode
VideoFeed
component supports three modes: row
, column
, and grid
.
Use grid
mode:
Video feed configuration
VideoFeed
component provides videoFeedConfiguration
prop for configuring Video Feed. The current configurable are backgroundColor
, cornerRadius
, and titlePosition
etc. Please refer to VideoFeedConfiguration for more details.
Video player configuration
VideoFeed
component provides videoPlayerConfiguration
prop for configuring Video Player. The current configurable are playerStyle
, videoCompleteAction
, and ctaButtonStyle
etc. Please refer to VideoPlayerConfiguration for more details.
Video feed loading result callback
VideoFeed
component provides onVideoFeedLoadFinished
prop for setting video feed loading result callback.
Force refreshing video feed
Floating Player(Only supported on iOS)
You could set enablePictureInPicture
to true
to enable the floating player.
OS Picture in Picture(Only supported on iOS)
You also need to set enablePictureInPicture
to true
to enable the OS Picture in Picture.
This feature allows the user to watch media while the application is in a background state. While in background mode a video will display in a floating, resizable window.
Set up the iOS project
To enable OS Picture in Picture on the iOS side, you also need to add Background Modes capability via Signing & Capabilities in your iOS project settings. More information about this can be found here: Apple Documentation
To use Picture in Picture, we configure the app to support background audio playback. See Configuring the Audio Playback of iOS and tvOS Apps for more details.
Reference
Last updated