fix: Minor Changes

erpnext/public/js/education/lms/components/Video.vue

@@ -3,7 +3,7 @@
     <section class='video-top-section video-section-bg'>
     <div>
         <div class="embed-responsive embed-responsive-16by9">
-            <iframe class="embed-responsive-item" :src="'https://www.youtube.com/embed/' + contentData.url" allowfullscreen></iframe>
+            <iframe class="embed-responsive-item" :src="'https://www.youtube.com/embed/' + videoID" allowfullscreen></iframe>
         </div>
         <div class="mt-3 row">
             <div class="col-md-8">
@@ -42,11 +42,14 @@ export default {
 	name: 'Video',
 	data() {
     	return {
-    		contentData: ''
+            contentData: '',
+            videoID: '',
     	}
     },
     mounted() {
-    	this.getContent().then(data => this.contentData = data);
+        this.getContent()
+            .then(data => this.contentData = data)
+            .then((contentData) => this.videoID = this.getVideoID(this.contentData.url))
     },
     methods: {
         getContent() {
@@ -54,6 +57,19 @@ export default {
                 type: this.type,
                 content: this.content
             })
+        },
+        getVideoID(link) {
+            if (!Array.prototype.last){
+                Array.prototype.last = function(){
+                    return this[this.length - 1];
+                };
+            };
+            if (link.includes('v=')){
+                return link.split('v=')[1].split('&')[0]
+            }
+            else if (link.includes('youtu.be')) {
+                return link.split('/').last().split('?')[0]
+            }
         }
     }
 };