upgrade hls to 1.6 beta as this fixes one of my seeking bugs for larg…

…er video stream. refactor boolean value setting as setting false did not disable some attributes

package.json

@@ -71,7 +71,7 @@
     "@grafana/runtime": "^11.3.2",
     "@grafana/schema": "^11.3.2",
     "@grafana/ui": "^11.3.2",
-    "hls.js": "^1.5.18",
+    "hls.js": "^1.6.0-beta.2",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },

src/components/HLSPanel.tsx

@@ -41,11 +41,20 @@ export const HLSPanel: React.FC<Props> = ({ options, data, width, height, fieldC
       } else {
         video.removeAttribute('crossorigin');
       }
-      video.setAttribute('disablepictureinpicture', options.disablepictureinpicture ? 'true' : 'false');
-      video.setAttribute('disableremoteplayback', options.disableremoteplayback ? 'true' : 'false');
-      video.setAttribute('loop', options.loop ? 'true' : 'false')
-      video.setAttribute('muted', options.muted ? 'true' : 'false')
-      video.setAttribute('playsinline', options.playsinline ? 'true' : 'false')
+      let boolean_attributes = [
+        'disablepictureinpicture',
+        'disableremoteplayback',
+        'loop',
+        'muted',
+        'playsinline'
+      ];
+      for(let attribute of boolean_attributes) {
+        if(options[attribute] === true) {
+          video.setAttribute(attribute, 'true');
+        } else {
+          video.removeAttribute(attribute);
+        }
+      }
       if(options.poster) {
         video.setAttribute('poster', options.poster);
       } else {