JSFiddle - React, Tailwind, and code Playground

HTML

<h1 id="camTitle">Camera 1</h1>
<OBJECT id="camObj" 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;
    
    var camObj = '<h1>Camera '+ camera +'</h1><OBJECT id="camObj" 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="'+ camUrl +'"/><param name="ShowDisplay" value="True" /><param name="AutoLoop" value="False" /><param name="AutoPlay" value="True" /><embed type="application/x-google-vlc-plugin" version="VideoLAN.VLCPlugin.2" autoplay="yes" loop="no" width="640" height="480" target="'+ camUrl +'" ></embed></OBJECT>';
    
    document.getElementsByTagName("body")[0].innerHTML = camObj;
    camera++;
    if(camera > 16) {
        camera = 1;
    }
}, 5000);