Videojs Modify player style and implement four-way streaming rtmp stream video

Take a UAV project, responsible for video playback this piece, choose is video.js this video plug-in, this thought can open happy heart development, who how material online about this part of the information so little, give me this hand party gave a great pressure. Okay, don't talk nonsense.

The project needs to achieve a four-way player, can play the drone shot real-time screen, and can do local refresh without affecting the entire page, and to be able to dynamically switch the source of the video stream, for example, a drone when you play the video took off, Then the video stream you can switch should have the rtmp stream for that drone.

Implementation of the process, small, continuous iteration, the first to achieve all the way to play, then expand to four, and then implement no reload reload, and finally realize the dynamic switching video source

The final effect is as follows:

　　

　　

Videojs Modify player style and implement four-way streaming rtmp stream video