Release 2.13.4

assets/css/partials/_player.scss

@@ -0,0 +1,7 @@
+.wpfc-sermon-player {
+  vertical-align: middle;
+}
+
+.wpfc-sermon-single-audio.player-plyr > .plyr {
+  border: 1px solid #dbe3e8;
+}

assets/css/sermon.scss

@@ -6,10 +6,5 @@
 @import 'partials/single';
 // Shortcode styling
 @import "partials/shortcodes";
-
-/**
- * Common audio CSS
- */
-.wpfc-sermon-player {
-  vertical-align: middle;
-}
+// Video/audio player styling
+@import "partials/player";

assets/js/plyr.js

@@ -9,16 +9,18 @@ if ( typeof sm_data === 'undefined' ) {
 }
 
 window.addEventListener( 'DOMContentLoaded', function () {
-	var players = plyr.setup( document.querySelectorAll( '.wpfc-sermon-player,.wpfc-sermon-video-player' ), {
+	const players = Plyr.setup( document.querySelectorAll( '.wpfc-sermon-player,.wpfc-sermon-video-player' ), {
 		debug: sm_data.debug,
 		enabled: sm_data.use_native_player_safari ? ( !/Safari/.test( navigator.userAgent ) || ( /Safari/.test( navigator.userAgent ) && /Chrome|OPR/.test( navigator.userAgent ) ) ) : true,
 	} );
-	for ( var p in players ) {
+
+	for ( let p in players ) {
 		if ( players.hasOwnProperty( p ) ) {
 			players[ p ].on( 'loadedmetadata ready', function ( event ) {
-				if ( typeof this.firstChild.dataset.plyr_seek !== 'undefined' ) {
-					var instance = event.detail.plyr;
-					instance.seek( parseInt( this.firstChild.dataset.plyr_seek ) );
+				let instance = event.detail.plyr;
+
+				if ( instance.elements.original.dataset.plyr_seek !== undefined ) {
+					instance.currentTime = parseInt( instance.elements.original.dataset.plyr_seek );
 				}
 			} );
 		}