Add plyr support for podcasts

FitzwilliamMuseum · Apr 13, 2022 · 1cd02c8 · 1cd02c8
1 parent fef1a53
commit 1cd02c8
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/public/js/plyr-controls.js b/public/js/plyr-controls.js
@@ -12,7 +12,7 @@ var controls =
     'settings', // Settings menu
     'download', // Show a download button with a link to either the current source or a custom URL you specify in your options
 ];
-const player = new Plyr('.player', { controls });
+const player = new Plyr('#player', { controls });
 
 // Expose player so it can be used from the console
 window.player = player;
diff --git a/resources/views/podcasts/episode.blade.php b/resources/views/podcasts/episode.blade.php
@@ -218,3 +218,11 @@ class="stretched-link">{{ $record['title'][0] }}</a>
     </div>
 @endsection
 @endif
+
+@section('plyr-css')
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/plyr/3.5.6/plyr.css" rel="stylesheet" media="screen">
+@endsection
+@section('plyr-js')
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/plyr/3.5.10/plyr.min.js"></script>
+    <script defer type="text/javascript" src="/js/plyr-controls.js"></script>
+@endsection