@joachim-knape Sorry für meine späte Antwort:
Ich habe ein Vis HTML-WIdget erstellt mit:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<iframe src="" id="myFrame2" width="1" height="1" style="display: none;"></iframe>
<div>
<div style="float:left;">
<div style="text-indent:20px;"><button class="button" onmousedown="cmdSubmit('up')" onmouseup="cmdSubmit('stop')" ontouchstart="cmdSubmit('up')" ontouchend="cmdSubmit('stop')"><i class="fa fa-angle-up" aria-hidden="true"></i></button></div>
<div>
<button class="button" onmousedown="cmdSubmit('left')" onmouseup="cmdSubmit('stop')" ontouchstart="cmdSubmit('left')" ontouchend="cmdSubmit('stop')"><i class="fa fa-angle-left" aria-hidden="true"></i></button>
<button class="button" onmousedown="cmdSubmit('right')" onmouseup="cmdSubmit('stop')" ontouchstart="cmdSubmit('right')" ontouchend="cmdSubmit('stop')"><i class="fa fa-angle-right" aria-hidden="true"></i></button>
</div>
<div style="text-indent:20px;"><button class="button" onmousedown="cmdSubmit('down')" onmouseup="cmdSubmit('stop')" ontouchstart="cmdSubmit('down')" ontouchend="cmdSubmit('stop')"><i class="fa fa-angle-down" aria-hidden="true"></i></button></div>
</div>
<button class="button" onmousedown="cmdSubmit('zoomin')" onmouseup="cmdSubmit('stop')" ontouchstart="cmdSubmit('zoomin')" ontouchend="cmdSubmit('stop')">+</button>
<button class="button" onmousedown="cmdSubmit('zoomout')" onmouseup="cmdSubmit('stop')" ontouchstart="cmdSubmit('zoomout')" ontouchend="cmdSubmit('stop')">-</button>
</div>
<script>
function cmdSubmit(casename){
var loc = "http://192.168.178.21/cgi-bin/hi3510/ptzctrl.cgi?usr=admin&pwd=admin&-step=0&-act=" + casename + '&-speed=30';
document.getElementById('myFrame2').setAttribute('src',loc);
}
</script>
DIe IP müsstest du eigentlich nur ersetzen müssen. Dann klappt alles.