|  |  | 
 |  |  |             video.addEventListener('loadedmetadata', function () { | 
 |  |  |                 adjustGridItemSize(gridItem, gridItem.videoWidth, gridItem.videoHeight); | 
 |  |  |             }); | 
 |  |  |             video.addEventListener("click", function() { | 
 |  |  |             video.addEventListener("click", function () { | 
 |  |  |                 loadingMessage.style.display = "block"; | 
 |  |  |                 video.play().then(function() { | 
 |  |  |                 video.play().then(function () { | 
 |  |  |                     loadingMessage.style.display = "none"; | 
 |  |  |                 }).catch(function(error) { | 
 |  |  |                 }).catch(function (error) { | 
 |  |  |                     console.error("Error playing the video:", error); | 
 |  |  |                     loadingMessage.style.display = "none"; | 
 |  |  |                 }); | 
 |  |  | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |  | 
 |  |  |     let mediamtxHost = "192.168.1.12" | 
 |  |  |     var chanMap = new Map(); | 
 |  |  |     window.onload = function () { | 
 |  |  |         changeGrid(2, 2); | 
 |  |  |         chanMap.set("video1", "http://127.0.0.1:8889/164/"); | 
 |  |  |         chanMap.set("video2", "http://127.0.0.1:8889/165/"); | 
 |  |  |         chanMap.set("video3", "http://127.0.0.1:8889/245/"); | 
 |  |  |         chanMap.set("video4", "http://127.0.0.1:8889/164/"); | 
 |  |  |         chanMap.set("video5", "http://127.0.0.1:8889/165/"); | 
 |  |  |         chanMap.set("video6", "http://127.0.0.1:8889/245/"); | 
 |  |  |         chanMap.set("video7", "http://127.0.0.1:8889/164/"); | 
 |  |  |         chanMap.set("video8", "http://127.0.0.1:8889/165/"); | 
 |  |  |         chanMap.set("video9", "http://127.0.0.1:8889/245/"); | 
 |  |  |         chanMap.set("video1", "http://" + mediamtxHost + ":8889/164/"); | 
 |  |  |         chanMap.set("video2", "http://" + mediamtxHost + ":8889/165/"); | 
 |  |  |         chanMap.set("video3", "http://" + mediamtxHost + ":8889/245/"); | 
 |  |  |         chanMap.set("video4", "http://" + mediamtxHost + ":8889/164/"); | 
 |  |  |         chanMap.set("video5", "http://" + mediamtxHost + ":8889/165/"); | 
 |  |  |         chanMap.set("video6", "http://" + mediamtxHost + ":8889/245/"); | 
 |  |  |         chanMap.set("video7", "http://" + mediamtxHost + ":8889/164/"); | 
 |  |  |         chanMap.set("video8", "http://" + mediamtxHost + ":8889/165/"); | 
 |  |  |         chanMap.set("video9", "http://" + mediamtxHost + ":8889/245/"); | 
 |  |  |         console.log(chanMap); | 
 |  |  |     } | 
 |  |  |     const linkToIceServers = (links) => ( | 
 |  |  | 
 |  |  |         }) | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |  | 
 |  |  | </script> | 
 |  |  | </body> | 
 |  |  | </html> |