Fix LTPlayer loading (#162)

* Fix LTPlayer URLs * Fix comments in mobile layout for widths 700px-1080px
lighttube-org · Aug 12, 2024 · bd2efa5 · bd2efa5
1 parent f1217d5
commit bd2efa5
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 6 deletions.
diff --git a/LightTube/JsCache.cs b/LightTube/JsCache.cs
@@ -8,8 +8,8 @@ public static class JsCache
     private static Dictionary<string, Uri> LibraryUrls = new()
     {
         ["hls.js"] = new Uri("https://cdn.jsdelivr.net/npm/hls.js@1.4.0/dist/hls.min.js"),
-        ["ltplayer.js"] = new Uri("https://raw.githubusercontent.com/lighttube-org/LTPlayer/fix/few-fixes/dist/player.min.js"),
-        ["ltplayer.css"] = new Uri("https://raw.githubusercontent.com/lighttube-org/LTPlayer/fix/few-fixes/dist/player.min.css"),
+        ["ltplayer.js"] = new Uri("https://raw.githubusercontent.com/lighttube-org/LTPlayer/master/dist/player.min.js"),
+        ["ltplayer.css"] = new Uri("https://raw.githubusercontent.com/lighttube-org/LTPlayer/master/dist/player.min.css"),
     };
     private static Dictionary<string, string> Hashes = [];
     public static DateTimeOffset CacheUpdateTime = DateTimeOffset.MinValue;

diff --git a/LightTube/Views/Youtube/Watch.cshtml b/LightTube/Views/Youtube/Watch.cshtml
@@ -46,7 +46,7 @@
 		</div>
 		@if (Model.Comments is not null)
 		{
-			<div class="interaction-buttons hide-on-desktop">
+			<div class="interaction-buttons mobile-comments-breakpoint">
 				<label class="interaction-button" for="comments-toggle">
 					<svg class="icon" width="20" height="20" fill="currentColor">
 						<use xlink:href="/svg/bootstrap-icons.svg#chat-left-text"></use>
@@ -108,13 +108,13 @@
 	{
 		<details>
 			<summary>
-				<svg class="icon hide-on-desktop" width="32" height="32" fill="currentColor">
+				<svg class="icon mobile-comments-breakpoint" width="32" height="32" fill="currentColor">
 					<use class="only-when-closed" xlink:href="/svg/bootstrap-icons.svg#chevron-right"></use>
 					<use class="only-when-open" xlink:href="/svg/bootstrap-icons.svg#chevron-down"></use>
 				</svg>
 				@(Model.Video.CommentsCountText ?? Model.Comments.Results.Length + (Model.Comments.ContinuationToken != null ? "+" : "")) @Model.Localization.GetString("watch.comments.count")
-				<div class="flex-divider hide-on-desktop"></div>
-				<label for="comments-toggle" class="hide-on-desktop">
+				<div class="flex-divider mobile-comments-breakpoint"></div>
+				<label for="comments-toggle" class="mobile-comments-breakpoint">
 					<svg class="icon" width="32" height="32" fill="currentColor">
 						<use xlink:href="/svg/bootstrap-icons.svg#x"></use>
 					</svg>

diff --git a/LightTube/wwwroot/css/lighttube.css b/LightTube/wwwroot/css/lighttube.css
@@ -746,6 +746,10 @@ body.no-guide .app {
         margin-left: -8px;
         height: auto !important;
     }
+
+    .mobile-comments-breakpoint {
+        display: block !important;
+    }
 }
 
 .watch-page, .watch-page > div {
@@ -1093,6 +1097,10 @@ input#comments-toggle {
     font-size: larger;
 }
 
+.mobile-comments-breakpoint {
+    display: none;
+}
+
 /* Search Page */
 
 .search-container {