JSFiddle - React, Tailwind, and code Playground
HTML
<h1 id="camTitle">Camera 1</h1>
<OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab"
width="640" height="480" id="vlc" events="True">
<param id="videoSrc" name="Src" value="rtsp://admin:admin@192.168.53.100:801/live/h264/ch1"/>
<param name="ShowDisplay" value="True" />
<param name="AutoLoop" value="False" />
<param name="AutoPlay" value="True" />
<embed id="vlcEmb" type="application/x-google-vlc-plugin" version="VideoLAN.VLCPlugin.2" autoplay="yes" loop="no" width="640" height="480"
target="rtsp://admin:admin@192.168.53.100:801/live/h264/ch1" ></embed>
</OBJECT>
JavaScript
var camera = 2;
var switchCam = window.setInterval(function() {
var camUrl = "rtsp://admin:admin@192.168.53.100:801/live/h264/ch" + camera;
document.getElementById("videoSrc").value = camUrl;
document.getElementById("vlcEmb").target = camUrl;
document.getElementById("camTitle").innerHTML = "Camera "+ camera;
camera++;
if(camera > 16) {
camera = 1;
}
}, 5000);