How to display the stream of 12 mjpeg cameras correctly in the browser?

Question

Browsers

Good day. In connection with the change of the system, I modified the browser page, which previously displayed the mjpeg stream from motion. Correction of the following character - I receive a stream of mjpeg, medium quality directly from the IP addresses of each camera using the link: http://login:[email protected]/video3.mjpg
I receive the stream, but the page loading is broken, namely, half of the cameras do not start broadcasting, but half sticks fine. The grid is local, the ping is stable (the largest is 18ms). You click refresh - every third time all cameras are loaded.
The question is how to wait for the camera to load or make it load on page load. Code part:

<a href="cam12_2.htm"><img src="http://login:[email protected]камеры/video3.mjpg"  width="20%" title="ftp://10.1.1.222/cam12">
<a href="cam13_2.htm"><img src="http://login:[email protected]камеры/video3.mjpg"  width="20%" title="ftp://10.1.1.222/cam13">
<a href="cam14_2.htm"><img src="http://login:[email protected]камеры/video3.mjpg"  width="20%" title="ftp://10.1.1.222/cam14">
<a href="cam15_2.htm"><img src="http://login:[email protected]камеры/video3.mjpg"  width="20%" title="ftp://10.1.1.222/cam15">

Stream quality: 640*480, 15 fps, qualify: good (medium)

The screenshot shows that 4 has loaded, but all three rows are needed, except for the last two.

Answer 1

Compare the html code through the "element code" at the moment when it did not load and at the moment when all the cameras were loaded and you will understand what the point is. It is also possible that the plug-in in the browser is catching fear, update it. Also try to change the browser or throw this html page on another PC and test it there. Here the jamb is not in the cameras.