Merge pull request #38 from yama-dev/v3.1.0

yama-dev · web-flow · commit dcc154e257bd · 2019-08-08T14:29:17.000+09:00
V3.1.0
diff --git a/README.md b/README.md
@@ -19,7 +19,7 @@ The official document is here. -> https://docs.brightcove.com/brightcove-player/
 
 - npm -> [https://www.npmjs.com/package/js-player-module-brightcove](https://www.npmjs.com/package/js-player-module-brightcove)
 
-- Standalone(CDN) -> [https://cdn.jsdelivr.net/gh/yama-dev/js-player-module-brightcove@v3.0.1/dist/js-player-module-brightcove.js](https://cdn.jsdelivr.net/gh/yama-dev/js-player-module-brightcove@v3.0.1/dist/js-player-module-brightcove.js)
+- Standalone(CDN) -> [https://cdn.jsdelivr.net/gh/yama-dev/js-player-module-brightcove@v3.1.0/dist/js-player-module-brightcove.js](https://cdn.jsdelivr.net/gh/yama-dev/js-player-module-brightcove@v3.1.0/dist/js-player-module-brightcove.js)
 
 - Zip -> [yama-dev/js-player-module-brightcove](https://github.com/yama-dev/js-player-module-brightcove/releases/latest)
 
diff --git a/dist/js-player-module-brightcove.js b/dist/js-player-module-brightcove.js
diff --git a/examples/index.html b/examples/index.html
@@ -21,6 +21,11 @@
     gtag('js', new Date());
     gtag('config', 'UA-91619969-3');
   </script>
+  <style>
+  .display_poster img {
+    max-width: 300px !important;
+  }
+  </style>
 </head>
 <body>
 <div class="container">
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "js-player-module-brightcove",
-  "version": "3.0.1",
+  "version": "3.1.0",
   "description": "Brightcove custom player using the Brightcove Player API.",
   "keywords": [
     "Brightcove",
diff --git a/src/js-player-module-brightcove.js b/src/js-player-module-brightcove.js
@@ -1,7 +1,7 @@
 /*!
  * JS PLAYER MODULE BRIGHTCOVE (JavaScript Library)
  *   js-player-module-brightcove.js
- * Version 3.0.1
+ * Version 3.1.0
  * Repository https://github.com/yama-dev/js-player-module-brightcove
  * Copyright yama-dev
  * Licensed under the MIT license.
@@ -19,7 +19,7 @@ export default class PLAYER_MODULE_BRIGHTCOVE {
   constructor(options = {}){
 
     // Set Version.
-    this.VERSION = '3.0.1';
+    this.VERSION = '3.1.0';
 
     // Set Flgs.
     this.PlayerChangeLoadFlg = true;
@@ -187,10 +187,6 @@ export default class PLAYER_MODULE_BRIGHTCOVE {
       // Set MediaInfo
       this.PlayerMediaInfo = this.Player.mediainfo;
 
-      this.SetVolume();
-      this.SetInfo();
-      this.SetPoster();
-
       this.EventPlay();
       this.EventPause();
       this.EventStop();
@@ -204,6 +200,13 @@ export default class PLAYER_MODULE_BRIGHTCOVE {
 
       this.AddGlobalObject();
 
+      videojs(this.CONFIG.player_id).on('loadedmetadata', ()=>{
+        this.SetVolume();
+        this.SetInfo();
+        this.SetPoster();
+        this.Update();
+      });
+
       // For Timeupdate.
       videojs(this.CONFIG.player_id).on('timeupdate', ()=>{
         this.Update();
@@ -750,35 +753,35 @@ export default class PLAYER_MODULE_BRIGHTCOVE {
     else return '0%';
   }
 
-  SetVolume(vol){
-    this.CONFIG.volume = vol ? vol : this.CONFIG.volume;
-    this.Player.volume(this.CONFIG.volume);
-  }
+  SetPoster(path){
+    if(path){
+      this.Player.poster(path);
+    } else {
+      if(this.CONFIG.poster != false) this.CONFIG.poster = this.Player.poster();
 
-  SetPoster(){
-    if(this.CONFIG.poster != false) this.CONFIG.poster = this.Player.poster();
+      if(this.$uiDisplayPoster){
+        if(this.CONFIG.mode == 'audio'){
+          dom.setHtml(this.$uiDisplayPoster, '');
+        } else {
+          dom.setHtml(this.$uiDisplayPoster, `<img src="${this.CONFIG.poster}" alt="">`);
+        }
+      }
 
-    if(this.$uiDisplayPoster){
-      if(this.CONFIG.mode == 'audio'){
-        dom.setHtml(this.$uiDisplayPoster, '');
-      } else {
-        dom.setHtml(this.$uiDisplayPoster, `<img src="${this.CONFIG.poster}" alt="">`);
+      if(this.$uiDisplayPosterBg && this.CONFIG.mode != 'audio'){
+        dom.setStyle(this.$uiDisplayPosterBg, { backgroundImage : `url(${this.CONFIG.poster})` });
       }
     }
+  }
 
-    if(this.$uiDisplayPosterBg && this.CONFIG.mode != 'audio'){
-      dom.setStyle(this.$uiDisplayPosterBg, { backgroundImage : `url(${this.CONFIG.poster})` });
-    }
+  SetVolume(vol){
+    this.CONFIG.volume = vol ? vol : this.CONFIG.volume;
+    this.Player.volume(this.CONFIG.volume);
   }
 
   SetInfo(){
     if(this.$uiDisplayName) dom.setHtml(this.$uiDisplayName, this.PlayerMediaInfo.name);
   }
 
-  SetPoster(path){
-    this.Player.poster(path);
-  }
-
   Destroy(){
     this.Player.reset();
   }

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "js-player-module-brightcove",`
`3`		`- "version": "3.0.1",`
	`3`	`+ "version": "3.1.0",`
`4`	`4`	`"description": "Brightcove custom player using the Brightcove Player API.",`
`5`	`5`	`"keywords": [`
`6`	`6`	`"Brightcove",`