Skip to content

Video Player Page

A user can get to a Video Player Page by pressing a Video Card in a Profile page or Discover page or anywhere in the Xolio Platform where a Video card may exist

Description

A Video is created by a user or collaborator on a Channel, the Video Viewer page , allows the user to watch the video created , see comments and see other videos related to the Video being watched
Screenshot 2023-04-05 at 5.37.47 PM.png

Section Overview

Overview of main sections of the page
Screenshot 2023-04-05 at 5.39.05 PM.png


Main Sections 14
Section
Description
Video Header
Here a user can see the Video header which belongs to the Channel or Profile.
Video Viewer
Here a user can watch the Video , scrub through it , Expand to full screen , Minimize to Sidedrawer
Video info and actions section
Here a user can see the title of the title of the video, Number of views, When it was posted and Description of the video , for the actions buttons , the user can Like , Share , Book mark and see comments.
Comment Section
Here a viewer can see any and reply to any comments related to the video
Related Section
Here the user can see trending/new videos based on the tags related to the video.
There are no rows in this table

User Stories

This section details the user interaction and functions of the page. Universal sections such as navigation and modals are described in detail in the ( ) section.

1. Video Header Section

Here a user can see the Video header which belongs to the Channel or Profile.
Screenshot 2023-04-05 at 5.52.12 PM.png

Video Header Section - User Stories.
Main Story
User Stories
Action
A user can see and perform the following in this section
7
A user can see the Channel or profile , profile image
Application displays information on load
A user can see the Channel or Profile name
Application displays information on load
A user can see if they are Subscriped to and what tier (Basic , Premium etc..) to the profile or Channel
Application displays information on load
A user can choose to follow or become a member if they are not
Application displays if they a membership is selected or will tick if they just want to follow
A user can choose to go to the Channel or Profile
Application will navigate to if it is a profile or if it is a Channel
A user can see followers amnd following of the channel
Application will send the user to the
A user can message the Porfile owner
Application will open the with the profile owner chat open
0

2. Video Viewer

Here a user can watch the Video , scrub through it , Expand to full screen , Minimize to Side drawer
Screenshot 2023-04-05 at 6.50.45 PM.png


Video Viewer section - User Stories.
Main Story
User Stories
Action
A user can see and perform the following in this section
7
A user can watch the Video
Application displays information on load
A user can scrub the video
Application displays information on load
A user can view the video in full screen
Application displays information on load
A user can can minimize the video to the side drawer
Application displays
A user can change the resolution of the video
Application displays information on load
A user can choose which chapter to view
Application displays information on load
A user can adust the volume/Mute

3. Video info and actions section

Here a user can see the title of the title of the video, Number of views, When it was posted and Description of the video , for the actions buttons , the user can Like , Share , Book mark and see comments.
Screenshot 2023-04-05 at 6.54.34 PM.png
Video info and actions section - User Stories.
Main Story
User Stories
Action
A user can see the following in this section
5
A user can see the title of the video
A user can see the number of people that viewed the video
A user can see the number of likes the video received
A user can see when the video was posted
A user can see the videos description
A user can perform the following actions in this section
5
A user can Like the video
Application will display the article as liked and save it in the Likes page in the users profile
A user can share the video
Application will display the
A user can bookmark the video
application will save the item to the users bookmarks
A user can see the videos comments
Application will ope the
A user can report
Application displays

4. Comment Section

Here a viewer can see any and reply to any comments related to the video
Screenshot 2023-04-05 at 7.02.38 PM.png
Comment Section - User Stories
Main Story
User Stories
Action
A user can see comments related to the video and perfrom the following
6
A user can see the orginal post and/or piece of content
Application displays information on load
A user can see the profile image and name with the comment
Application displays information on load
A can see the time stamp of the post
Application displays information on load
A user can choose to reply to the comment
Application displays a
A user can sort comments from latest of most liked
Application displays information on load


5. Related Section

Here the user can see trending/new videos based on the tags related to the video.
Screenshot 2023-04-05 at 7.20.07 PM.png

Related Section - User Stories
Main Story
User Stories
Action
A user can see suggeted videos to view
3
Auser can see related
Application displays information on load
A user can click on
application will send the user to the relevant Video Viewer Page
A can user can select tag to filter videos
Application displays information on load

Want to print your doc?
This is not the way.
Try clicking the ··· in the right corner or using a keyboard shortcut (
CtrlP
) instead.