From 130c7382e8d88039317618853f3c424a017fccd5 Mon Sep 17 00:00:00 2001
From: James Feng Cao <jamesfengcao@yahoo.com>
Date: Thu, 1 Oct 2020 20:36:36 +0800
Subject: [PATCH] rebuilding site Thu Oct  1 08:36:36 PM CST 2020

---
 searchurl/txt/plyr.html    | 21 +++++++++++----------
 searchurl/txt/videojs.html | 17 +++++++++++++++++
 2 files changed, 28 insertions(+), 10 deletions(-)
 create mode 100644 searchurl/txt/videojs.html

diff --git a/searchurl/txt/plyr.html b/searchurl/txt/plyr.html
index 494d40a..060d92e 100644
--- a/searchurl/txt/plyr.html
+++ b/searchurl/txt/plyr.html
@@ -1,21 +1,22 @@
+<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,minimal-ui">
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/plyr/dist/plyr.css"/>
-<video id="player" playsinline controls>
+<video id="player" playsinline controls
+  data-plyr-config='{"controls": ["play-large", "play", "progress", "current-time", "settings", "fullscreen"] }'>
   <source id="src" />
 </video>
 <script src="https://cdn.jsdelivr.net/npm/plyr"></script>
 <script src="https://cdn.jsdelivr.net/hls.js/latest/hls.js"></script>
 <script>
-  const source = location.search.substring(3);//?u=
-  {
-    let d = document;
-    let e = d.getElementById("src");
-    e.src = source;
-  }
+  const source = location.search.substring(3);
+  document.getElementById("src").src = source;
   const video = document.querySelector("video");
-  const defaultOptions = {};
-  if (Hls.isSupported()) {
+  let i = source.indexOf(".m3u8");
+  if(i>0 && 
+     (source.length <= (i+5) || '?'===source.charAt(i+5)))
+  {
     const hls = new Hls();
     hls.loadSource(source);
+    const defaultOptions = {};
     hls.on(Hls.Events.MANIFEST_PARSED, function (event, data) {
       const availableQualities = hls.levels.map((l) => l.height);
       defaultOptions.quality = {
@@ -31,7 +32,7 @@
     hls.attachMedia(video);
     window.hls = hls;
   } else {
-    const player = new Plyr(video, defaultOptions);
+    const player = new Plyr(video);
   }
 
   function updateQuality(newQuality) {
diff --git a/searchurl/txt/videojs.html b/searchurl/txt/videojs.html
new file mode 100644
index 0000000..b89149d
--- /dev/null
+++ b/searchurl/txt/videojs.html
@@ -0,0 +1,17 @@
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/video.js/dist/video-js.min.css"/>
+<video
+  id="player"
+  class="video-js"
+  preload="auto"
+  controls >
+  <source id="src" />
+</video>
+<script src="https://cdn.jsdelivr.net/npm/video.js/dist/video.min.js"></script>
+<script>
+  const source = location.search.substring(3);
+  document.getElementById("src").src = source;
+  let  setup = {
+    playbackRates: [0.5, 1, 1.25, 1.5, 2, 4],
+  };
+  let player = videojs('player',setup);
+</script>