Video of landscape type on the left side, fullscreen or miniplayer, autoplay the next video, and choice of video resolution

[pojok-projects]

Description
this is a page on the system who is show about setting a video resolution, and fullscreen or miniplayer screen on the video who is user watching it, and the system will be give a best recomendation about video resolution. the system will show lanscape screen on the device screen

Acceptance Criteria

1. system will show the video to be lanscape screen
2. video will be show to be grid on desktop screen and playlist on the mobile device
3. video will be show to fullscreen or miniplayer on the screen and the video will be show lanscape screen
4. system will show resolution videos on the system and the resolution including, 480p,628px,720px,1080px,1024px
5. the hd video is 720px, 1080px, and 1020px on video resolution
6. system will autoplay the next video, if the last video already finished
7. system will be show automatic hd video on the screen who is wathcing a video
8. user could be choose a resolution videos
9. Fullscreen button is in the lower right corner of the video.
10. The fullscreen button has the fullscreen logo display in general and not just a text.
11. If the user does not touch or click the screen, the fullscreen button disappears.
    12.Likewise, if the user touches or clicks the screen again, the fullscreen button will appear again.
12. If the video screen is in fullscreen mode, then the button logo to back it to normal must be different from the logo when the screen is not in fullscreen mode.
13. After the video has finished playing, the video screen will dim.
14. The faded video screen will also bring up a button in the middle of the screen that functions to play the next video manually.
15. There is also a white circle line that serves as a marker to start the next video (Loading Circle).
16. The circle line will gradually rotate from a point into a circle.
17. The duration of the circle to rotate to form a circle is 10 seconds.
18. Under the button to manually play the next video there is also a cancel button to prevent the next video to being played automatically.
19. At the very top of the screen there is a line of video title text that will be played next to inform the user of what video will be played next. Example: Next Video: "How to play a dragon".
20. In the lower left corner of the screen there is a replay button to play back the video that just been played.
21. User can turn off the autoplay button located at the top of the thumbnail video that will be played next.
22. The thumbnail of the video that will be played next is on the right side of the video screen and comes with a small "Next Video" text at the top left of the video thumbnail