polish clappr.io

content/live/index.de.html

@@ -0,0 +1,33 @@
+---
+title: Live
+description: Livestream
+#date: 2020-05-04
+license: All rights reserved
+---
+
+<script type="text/javascript" src="/js/clappr.min.js"></script>
+  <div class="embed-responsive embed-responsive-16by9">
+    <div class="embed-responsive-item" id="player"></div>
+  </div>
+  <script>
+    var player = new Clappr.Player({
+      source: "https://h3ndrik.de/hls/test.m3u8",
+      parentId: "#player",
+      language: 'de-DE',
+      poster: 'player.jpg',
+      //width: '100%',
+      //height: 'auto',
+      actualLiveTime: true,
+      autoPlay: true,
+    });
+
+    function resizePlayer(){
+      var aspectRatio = 16/9;
+      var newWidth = document.getElementById('player').parentElement.offsetWidth;
+      var newHeight = Math.round(newWidth / aspectRatio);
+      player.resize({width: newWidth, height: newHeight});
+    }
+    
+    resizePlayer();
+    window.onresize = resizePlayer;
+  </script>

content/live/index.de.md

@@ -1,21 +0,0 @@
----
-title: Live
-#date: 2020-05-04
-license: All rights reserved
----
-
-<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/clappr@latest/dist/clappr.min.js"></script>
-
-  <div id="player"></div>
-  <script>
-    var player = new Clappr.Player({
-      source: "https://h3ndrik.de/hls/test.m3u8",
-      parentId: "#player",
-      language: 'de-DE',
-      poster: 'player.jpg',
-      width: '100%',
-      height: '720',
-      actualLiveTime: true,
-      autoPlay: true,
-    });
-  </script>

content/live/index.en.html

@@ -0,0 +1 @@
+index.de.html

content/live/index.en.md

@@ -1 +0,0 @@
-index.de.md