Merge pull request #136 from vlitejs/fix/duration-with-preload-none

Fix duration when preload is disabled

Author: yoriiis

CHANGELOG.md

@@ -1,5 +1,11 @@
 # CHANGELOG
 
+## 6.0.4
+
+### Fixes
+
+- Fix duration when preload is disabled ([#136](https://github.com/vlitejs/vlite/pull/136))
+
 ## 6.0.3
 
 ### Fixes

package-lock.json

@@ -1,6 +1,6 @@
 {
 	"name": "vlitejs",
-	"version": "6.0.3",
+	"version": "6.0.4",
 	"description": "vLitejs is a fast and lightweight Javascript library for customizing video and audio player in Javascript with a minimalist theme (HTML5, Youtube, Vimeo, Dailymotion)",
 	"keywords": [
 		"video",

package.json

@@ -202,13 +202,22 @@ export default class Player {
 
 		this.Vlitejs.onReady instanceof Function && this.Vlitejs.onReady.call(this, this)
 
-		// Call the onReady functions of components
+		if (this.media.preload === 'none' && this.Vlitejs.provider === 'html5') {
+			this.media.addEventListener('loadedmetadata', () => this.triggerOnReady())
+		} else {
+			this.triggerOnReady()
+		}
+		this.loading(false)
+	}
+
+	/**
+	 * Trigger on ready component's functions
+	 */
+	triggerOnReady() {
 		this.options.controls && this.controlBar.onReady()
 		Object.keys(this.plugins).forEach((id) => {
 			this.plugins[id].onReady instanceof Function && this.plugins[id].onReady()
 		})
-
-		this.loading(false)
 	}
 
 	/**