Member-only story
When you watch Youtube, there is a mini-player in the right corner which is the same as the picture in the picture function. I think this is very useful for modern people’s life, who can do multiple things at the same time, such as browsing websites while watching some videos or doing notes when having class on one screen.
The video screen can be dragged anywhere you want and resized to any size you want. Efficient tool.
When searching picture in picture, there is a chrome extension choice. Here is the customized version for the developer.
CODE SEPARATE BELOW:
HTML
video tag is the container for video display with the button to trigger.
CSS
font from Google font as you choose.
First, make sure all the stuff in the center of the body, is just for display.
