Merge branch 'develop' of https://github.com/frappe/lms into develop

frontend/src/pages/Lesson.vue

@@ -334,7 +334,6 @@ const props = defineProps({
 
 onMounted(() => {
 	startTimer()
-	enablePlyr()
 	document.addEventListener('fullscreenchange', attachFullscreenEvent)
 })
 
@@ -473,6 +472,7 @@ watch(
 	() => lesson.data,
 	(data) => {
 		setupLesson(data)
+		enablePlyr()
 	}
 )
 

frontend/src/utils/index.js

@@ -531,12 +531,13 @@ export const enablePlyr = () => {
 		const videoElement = document.getElementsByClassName('video-player')
 		if (videoElement.length === 0) return
 
-		const src = videoElement[0].getAttribute('src')
+		Array.from(videoElement).forEach((video) => {
+			const src = video.getAttribute('src')
 			if (src) {
 				let videoID = src.split('/').pop()
-			videoElement[0].setAttribute('data-plyr-embed-id', videoID)
+				video.setAttribute('data-plyr-embed-id', videoID)
 			}
-		new Plyr('.video-player', {
+			new Plyr(video, {
 				youtube: {
 					noCookie: true,
 				},
@@ -551,6 +552,7 @@ export const enablePlyr = () => {
 				],
 			})
 		}, 500)
+	})
 }
 
 export const openSettings = (category, close) => {