fix(xgplayer/[player.js && proxy.js, control/mobile.js && volume.js]): fix muted autoplay

Author: zhangxin92

packages/xgplayer/browser/index.js

@@ -40,7 +40,7 @@ let mobile = function () {
   let player = this
 
   let util = Player.util; let root = player.root
-  player.config.autoplay = false
+  // player.config.autoplay = false
   let whitelist = player.config.whitelist
   let pass = whitelistPass(whitelist)
   player.mobilePass = pass

packages/xgplayer/dist/index.js

@@ -131,7 +131,12 @@ let volume = function () {
   })
 
   let _changeTimer = null
+  let firstVolChanged = 0;
   player.on('volumechange', function () {
+    if (firstVolChanged === 1) {
+      player.video.muted = false
+      firstVolChanged = 2
+    }
     if (_changeTimer) {
       clearTimeout(_changeTimer)
     }
@@ -145,8 +150,18 @@ let volume = function () {
     }, 50)
   })
 
+  player.once('volumechange', function () {
+    if (player.config.autoplay) {
+      firstVolChanged = 1
+    }
+  })
+
   player.once('canplay', function () {
-    player.volume = player.config.volume
+    if (player.config.autoplay) {
+      player.volume = 0
+    } else {
+      player.volume = player.config.volume
+    }
   })
 
   player.once('destroy', () => {

packages/xgplayer/src/control/mobile.js

@@ -93,6 +93,15 @@ class Player extends Proxy {
         }))
       })
     }
+    if (player.config.autoplay) {
+      this.video.addEventListener('canplay', () => {
+        player.video.play().then(() => {
+          // 支持自动播放
+        }).catch(err => {
+          // 不支持自动播放
+        });
+      });
+    }
     root.insertBefore(this.video, root.firstChild)
     player.userTimer = setTimeout(function () {
       player.emit('blur')

packages/xgplayer/src/control/volume.js

@@ -54,6 +54,10 @@ class Proxy {
       }
     }
     this.video = util.createDom(videoConfig.mediaType, textTrackDom, videoConfig, '')
+    if (options.autoplay) {
+      this.video.autoplay = true
+      this.video.muted = true
+    }
     this.ev = ['play', 'playing', 'pause', 'ended', 'error', 'seeking', 'seeked',
       'timeupdate', 'waiting', 'canplay', 'canplaythrough', 'durationchange', 'volumechange', 'loadeddata'
     ].map((item) => {