Масштабирование видео с ip камеры
Суть проблемы необходимо организовать масштабирование видео с ip камеры,
проблема в том, что код начинает работать только после открытия прямой ссылки на камеру в строке браузера
(http://логин:пароль@айпишниккамеры:80 ).
Камера Dlink DCS-933L. О великие эксперты помогите.
<html>
<head>
<title>
</title> <script> function sizePic() { size = document.getElementById("size").value; img = document.getElementById("pic"); img.width = 60 + 20*size;} </script>
<style> img.zoom { -moz-user-select: none; user-select: none;} img.zoom:hover { display: block; position: fixed; z-index: 10; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; height: 100%; max-width: 99%; max-height: 99%; border: solid rgba(210,210,210,.4); border-width: 100vh 100vw; cursor: zoom-out;} :not(:active) > img.zoom:not(:hover), img.zoom:active { pointer-events: none;} </style>
</head> <body>
<p>Размер изображения <input type="range" min="1" max="100" id="size" oninput="sizePic()" value="3"></p>
<img src="http://логин:пароль@айпишниккамеры:80/video/mjpg.cgi" alt="" id="pic" class="zoom">
</html>